admin管理员组

文章数量:1562419

PC浏览器添加背景音乐 VS  手机浏览器添加背景音乐


最近需要在手机浏览器打开网页时自动播放背景音乐 

网上找了很多都是PC浏览器打开网页时播放音乐的效果


现在个人进行些总结


1.PC浏览器中添加背景音乐 

a.采用 bgsound(个人测试只支持IE浏览器)

<span style="font-family:SimSun;font-size:14px;"><bgsound src="http://yourmusicurl.mp3" loop="-1"></bgsound></span>
这个只支持IE浏览器，而且是完全下载完后才开始播放，不像下面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用下面所说的格式

b.采用embed(个人测试PC上绝大多数浏览器都是支持的)

<span style="font-family:SimSun;font-size:14px;"><embed id="soundControl" src="http://yourmusicurl.mp3" autostart="true" hidden="true" loop="true" width="0" height="0" style="margin: 0px;padding: 0px;position: absolute" / ></span>
--------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。 
-------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false" 
即可... 
------ loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了 

2.手机浏览器添加背景音乐

a.采用audio(支持在手机浏览器中播放)

<span style="font-family:SimSun;font-size:14px;"> <audio autoplay="autoplay" loop="loop"> 
      <source  src="http://yourmusicurl.mp" type="audio/mpeg"> 
    </audio></span>
在src中设置自己的音乐路径就行


个人总结 有不妥之处还望各位指出


本文标签： 背景音乐浏览器手机PC

版权声明：本文标题：PC浏览器添加背景音乐 VS手机浏览器添加背景音乐 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727474356a1116386.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。