html - 播放 HTML 格式的音频文件列表

Question

我有三个音频文件(audio1.mp3、audio2.mp3 和 audio3.mp3)

我需要先播放audio1.mp3，完成后audio2.mp3需要立即开始(即无需用户交互)，最后audio3.mp3 audio2.mp3 完成后。

audio1.mp3 --> audio2.mp3 --> audio3.mp3

在当前浏览器中实现此行为的最佳方法是什么？

最好不使用任何插件(Flash、Java 等) - Javascript 库(例如 jQuery)就可以了

Answer 1

您可以像这样使用 HTML 5 音频标签

<audio id="player" controls autoplay>
<source src="audio1.mp3" type="audio/mpeg">
</audio>

这将自动播放第一首歌曲。

然后你可以像这样使用 JavaScript 绑定(bind)播放器的 ending 事件

var audio = $("#player")
audio.addEventListener('ended',function(){
        audio.src = "new url";// you can probably load this from an array of songs URL that you can maintain 
        audio.pause();
        audio.load();
        audio.play();
    });

这将在播放器中加载新网址并自动播放下一首歌曲。

查看这些链接以获取更多信息 link1 link2

additional example