以HTML格式播放音频文件列表

时间:2014-01-16 19:43:33

标签: html html5 audio

我有三个音频文件(audio1.mp3, audio2.mp3 and audio3.mp3

我需要先播放audio1.mp3,然后完成audio2.mp3需要立即开始(即没有用户互动),最后audio3.mp3完成后audio2.mp3

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

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

最好不使用任何插件(Flash,Java等) - Javascript库(例如jQuery)很好

1 个答案:

答案 0 :(得分:0)

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

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

这会自动播放第一首歌。

然后你可以使用像这样的

来绑定玩家的ended事件
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