html5 audio 网页随机播放音乐

时间:2026-02-14 09:09:40

1、首先用代码编辑器(自荐Notepad++,下载地址:http://www.mlwei.com/448.html)打开你要添加随机音乐的网页源码html文件。

2、按CTRL+F,输入</body>回车,把第三步自行修改好的代码添加到</body>前面,注意是前面,</body>前面,重要的事情说三遍。

3、这是最重要的一步了,先复制以下所有代码到</body>前面,修改方法请看四步:

<script type="text/javascript"> //<!CDATA[ var bodyBgs = []; bodyBgs[0] = "音乐直连地址1"; bodyBgs[1] = "音乐直连地址2"; bodyBgs[2] = "音乐直连地址3"; bodyBgs[3] = "音乐直连地址4"; bodyBgs[4] = "音乐直连地址5"; bodyBgs[5] = "音乐直连地址6";  var randomBgIndex = Math.round( Math.random() * 5 ); document.write('<audio src=\''+bodyBgs[randomBgIndex]+ '\'autoplay=\'autoplay\'></audio>'); //]]></script> 

4、bodyBgs[0] = "音乐直连地址1"; [0] 的0是地址索引,音乐直连地址换成自己的音乐外链。

你要添加多少首随机音乐,就写多少  bodyBgs[索引] = "地址";  这样的代码

注意,索引从0开始,每增加一首,索引+1,懂了吧。

同时这段代码的索引总数也要改:

 var randomBgIndex = Math.round( Math.random() * 5 ); 

后面那个5就是最大索引,改成你最后地址的索引,你看第三步我怎么写的,自行对比。

5、然后把修改好的代码全部复制到html网页文件的</body>前面。

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com