html5 audio样式修改,html5audio美化 html5 audio 顺序播放

关于 HTML5 Audio 样式修改和美化，可以通过 CSS 样式表来实现。例如可以使用以下 CSS 样式来修改播放器的颜色和大小：

audio {
  width: 300px;
  height: 50px;
  background-color: #f5f5f5;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 10px;
}

audio::-webkit-media-controls-panel {
  background-color: #f5f5f5;
  border: none;
  outline: none;
  border-radius: 5px;
}

audio::-webkit-media-controls-play-button {
  background-color: #333;
  border: none;
  outline: none;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin-left: 10px;
  margin-right: 10px;
}

audio::-webkit-media-controls-time-remaining-display {
  display: none;
}

关于 HTML5 Audio 的顺序播放，可以通过 JavaScript 来实现。可以使用以下代码来实现：

var playlist = ["audio1.mp3", "audio2.mp3", "audio3.mp3"];
var currentTrack = 0;
var audio = new Audio(playlist[currentTrack]);

audio.addEventListener("ended", function() {
  currentTrack++;
  if (currentTrack < playlist.length) {
    audio.src = playlist[currentTrack];
    audio.play();
  } else {
    currentTrack = 0;
    audio.src = playlist[currentTrack];
    audio.play();
  }
});

这段代码将音频文件列表存储在一个数组中，然后在音频播放结束时，检查是否还有下一个音频文件，如果有，则加载并播放下一个文件，否则重新开始播放第一个文件。