在写结婚请帖的时候刚开始开发准备是依靠微信和QQ进行传播的 html嵌入了audio标签的BGM设置自动播放 一切正常。
在实际传播中发现通过ios和android平台自带的浏览器访问请帖的链接均无法自动播放音乐,网上搜索下发现是(据说是)为了节省移动端流量就不会自动播放媒体文件,必须事件触发。触发事件不包括window.onload 这类的自动执行的事件。
所以,找到了一个间接的方法,用触屏事件来启动BGM播放
audio标签,设置了自动播放和循环播放
<audio id="AudioPlayer" autoplay="autoplay" loop="loop" preload="auto" src="http://xxxxxx/xxxxxx.aac"> </audio>
正常情况下 这样子是没问题的。
移动设备需要添加如下代码,比如ios的Safari
window.ontouchstart=function(){ var audioPlay=document.getElementById("AudioPlayer"); audioPlay.play(); }
就酱,要是没声音,碰下屏幕就会响,给人感觉是自动播放的。