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>前面。

  • css设置div四边框样式
  • 奶茶加盟店应该怎么样选址?
  • 西樵山旅游攻略
  • img对象align属性如何居左显示?
  • 绿豆汤圆的做法
  • 热门搜索
    武汉的旅游景点 江西旅游必去景点 山西平遥古城旅游攻略 夏天旅游好去处 达美旅游网 塞浦路斯旅游 泰山旅游路线 黄山市旅游景点 朱家角旅游攻略 过年云南旅游