ios微信h5棋牌游戏自动播放音效填坑

开发中不可避免遇到一些ios和安卓适配的坑；

ios不可以自动播放音乐的机制，使一些h5游戏播放背景音乐和音效无法播放；

正常情况下ios只允许用户自己去打开音效。但是这样的机制并不适合很多项目。而去模拟触发也是行不通的。
比如在棋牌游戏中，通过WebSocket发送过来的指令，模拟触发音效。是没有用的。

通过下面的方式可以解决，在iPhone手机微信中正常自动播放。

//html中
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<audio src="../../video/bg.mp3" class="bg_audio" loop></audio>
<audio src="../../video/ainpin.mp3" class="aipin"></audio>

//自动播放背景音乐；ios和安卓都适配；


//js中
playAuto($('.bg_audio')[0]);
function playAuto(ele) {console.log(ele);document.addEventListener('WeixinJSBridgeReady', function (evt) {ele.play();}, false);
}

//自动播放音效，并且和背景音乐兼容；

playAudio($('.aipin')[0]);function playAudio(audio) {if (window.WeixinJSBridge) {WeixinJSBridge.invoke('getNetworkType', {}, function (e) {audio.play();}, false);} else {document.addEventListener("WeixinJSBridgeReady", function () {WeixinJSBridge.invoke('getNetworkType', {}, function (e) {audio.play();});}, false);}audio.play();return false;}

ios微信h5棋牌游戏自动播放音效填坑相关推荐

怎样降低微信h5棋牌游戏类app域名被微信拦截封杀屏蔽的几率
微信h5棋牌游戏类app域名被微信拦截封杀屏蔽域名被微信封杀,显示的是链接无法访问. 域名被微信拦截是跟淘宝一样一般提示"如需浏览,请长按网址复制后使用浏览器访问".域名被微信屏 ...
iphone微信 h5页音乐自动播放
iphone微信 h5页音乐自动播放: // iphone自动播放document.addEventListener("WeixinJSBridgeReady", function ...
苹果微信html音乐播放,HTML5教程在iOS微信浏览器中如何自动播放HTML5 audio
本篇教程探讨了HTML5教程在iOS微信浏览器中如何自动播放HTML5 audio,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < html> Aut ...
ios系统微信H5页面背景音乐自动播放
思路:在页面中内嵌微信开发的代码块,可让ios手机自动播放背景音乐注意:代码引入了微信js接口,实际开发需配置jsjdk html代码 <!DOCTYPE html> <html ...
微信H5页面背景音乐自动播放
移动端默认是禁止背景音乐自动播放的,很多需求都需要在页面加载完成的情况下同时出现背景音乐.基于微信的H5页面的音频自动播放的方法网上有很多教程,本次分享的只是一种思路! <audio id=&q ...
微信H5棋牌游戏APP下载链接被屏蔽的解决办法
现在网上其它的方法都只是一个页面,让访问者自己手动点右上角浏览器打开,而这个不同,是可以直接自动跳转的. 安卓访问时可以直接自动跳转浏览器:IOS就复杂一点了,需要点一下然后借助手机淘宝才可以跳转. ...
细说微信h5棋牌游戏如何在微信中做好防封防屏蔽下载工作
微信监控对象腾讯重点监控对象:微商,金融,赌博,色流,直销,灰色项目等.因为微信属性社交,不可能不监控监管这些交易及广告行为,所以微信之危可想而知,故成众矢之的.微信会重点打击非法营销活动的人售假诈 ...
你踩过几个？盘点微信H5小游戏开发中的那些坑
眼下小游戏特别火,不少团队也陆续启动了微信小游戏的项目,并于立项前期进行技术预研究.但从微信官方文档看 , 却能发现不少坑. 一.运行环境的坑首先微信小游戏是一个不同于浏览器的 JavaScript ...
你踩过几个？微信H5小游戏开发中的那些坑
眼下小游戏特别火,不少团队也陆续启动了微信小游戏的项目,并于立项前期进行技术预研究.但从微信官方文档看 , 却能发现不少坑. 一.运行环境的坑 1.API兼容性 1.1.网络API BOM的核心是wi ...

ios微信h5棋牌游戏自动播放音效填坑

ios微信h5棋牌游戏自动播放音效填坑相关推荐

最新文章

热门文章