带有 jquery 的音频 html5 播放下一首曲目

Posted 2023-02-24

【中文标题】带有 jquery 的音频 html5 播放下一首曲目

【英文标题】：audio html5 with jquery to play next track

【发布时间】：2016-03-18 19:24:48

【问题描述】：

我有这样的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，因为我的歌曲总是只播放最后一首。

【问题讨论】：

你能分享你试过的代码吗？此页面不是免费为您编码。自己试试吧:)

如果你想添加按钮，那你还在等什么？只需添加它：P

【参考方案1】：

将多个源添加到音频元素不会创建播放列表，它是为了支持不同的音频格式，您的浏览器只会播放它可以播放的第一个，这就是为什么您说只播放最后一个。

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

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