待完善中....
<script type="text/javascript"> var firstTouch = true; $('body').bind("touchstart",function(e){ if ( firstTouch ) { firstTouch = false; document.getElementById('bgm').play(); }else{ return; } }); </script>
1) 原理就是若遇到禁止自动播放的手机,用户第一次触摸屏幕的时候就执行播放事件.
2)原理就是通过new一张图片,监听一张图片的onload事件,结束后回调执行音频播放audio.play()即可,原理估计是动了dom结构,相当于执行了一次交互。
1.音乐不宜过长,30s为佳,而且音乐要加上渐现渐隐效果,方便循环播放;
2.音乐体积要小,音质和流量,在手机上还是优先考虑流量吧。
一般背景音乐体积可以接受的范围是200K以下,若太大,可以使用格式工厂等软件,降低它的比特率和声道来改变体积。
//微信自有事件,我理解想要调用微信方法,必须要注册这个方法之后才可以调用微信功能document.addEventListener("WeixinJSBridgeReady",function() {//获取网络状态window["WeixinJSBridge"].invoke('getNetworkType',{},function(e) {//音频播放document.getElementById("sound").play();document.getElementById("sound").pause();//视频播放document.getElementById("video").play();document.getElementById("video").pause();});},false);//下面代码等同于上面代码。function onBridgeReady(){WeixinJSBridge.call('hideOptionMenu');}if (typeof WeixinJSBridge == "undefined"){if( document.addEventListener ){document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);}else if (document.attachEvent){document.attachEvent('WeixinJSBridgeReady', onBridgeReady); document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);}}else{onBridgeReady();}
官方连接:http://qydev./wiki/index.php?title=WeixinJS%E6%8E%A5%E5%8F%A3&oldid=287
如果觉得《解决微信播放背景音乐》对你有帮助,请点赞、收藏,并留下你的观点哦!