html 中 怎么样使多首音乐作为背景音乐轮流播放?

html 中 怎么样使多首音乐作为背景音乐轮流播放?,第1张

embed、audio 等标签兼容性是个问题,所以干脆用其他播放器插件,如jPlayer音乐播放器。

jPlayer包含音乐播放器、视频播放器,可实现单曲循环,多曲顺序播放等。

播放列表这个需求只能通过JavaScript解决

通过监听播放结束事件,替换src,实现循环播放

另外,建议使用 audio/video 标签来取代embed标签

musicList 为音乐文件列表

<audio id="musicPlayer" src="pm_1.mp3" autoplay="autoplay" controls="controls" >

<script type="text/javascript">

var musicIndex=0, musicList=['pm_1.mp3','pm_2.mp3','pm_3.mp3']

document.querySelector('#musicPlayer').addEventListener('ended', function(){

musicIndex=musicIndex<musicList.length-1?musicIndex+1:0

this.src=musicList[musicIndex]

})

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6240012.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存