html如何实现多首背景音乐轮流循环播放?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html如何实现多首背景音乐轮流循环播放?相关的知识,希望对你有一定的参考价值。

我是用embed代码弄的,想让第一首播完放下一首然后继续第一首这样循环,我现在这样写它两首就一起放了。还有就是我用火狐和谷歌打开网页是没音乐的,要怎么解决

参考技术A 播放列表这个需求只能通过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>
参考技术B 用flash做好音乐轮播,然后插入进html追问

具体代码呢

audio标签怎么实现多首音乐的播放啊?

参考技术A 电视电影里很多都是假的、

就是真的也要很强大的设备和人才

想做假声音推荐你个软件

Adobe 的 audition

很强大的音频软件

里面有很多处理声音的功能

以上是关于html如何实现多首背景音乐轮流循环播放?的主要内容,如果未能解决你的问题,请参考以下文章

html播放音乐代码

html5怎么设置多首背景音乐?

HTML 5 audio标签 多首背景音乐

audio标签怎么实现多首音乐的播放啊?

首页音乐播放器添加"多首音乐"

API函数mciSendString如何顺序播放