html5 audio 网页随机播放音乐
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>前面。