javascript - 带有jQuery的音频html5播放下一首轨道

Question

我有这样的html5

<audio controls class="audioPlayer" >
     <source class="iSong" src="1.mp3" type="audio/mpeg">
     <source class="iSong" src="2.mp3" type="audio/mpeg">
     <source class="iSong" src="3.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
</audio>

我想为按钮nextSong添加jquery，因为我的歌曲始终只播放最后一首。

Answer 1

向音频元素添加多个源并不会创建播放列表，而是要支持不同的音频格式，并且您的浏览器将只播放可能的第一个音频，这就是为什么您只说最后一个正在播放。

要在多首歌曲之间进行选择，您必须编写一些JavaScript。 Here是有关javascript中音频的一些信息。

听起来您必须创建一个单独的按钮来播放下一首歌曲，添加一个click事件以更改音频元素的来源并播放它。