部分设备在微信内无法播放audio的解决方案

临时接到一个紧急的需求，一个活动页面，在某台iPhone 5S设备上无法播放音频，其它设备均正常。我接到这个任务时，也是一脸懵逼，试过在audio标签上添加controls属性来显示audio，结果发现在界面触发事情里，无计怎么调用audio对象的play方法都没有用，但是一旦激活audio标签后，就可以调用play、pause方法 - -

最后搜索了一下，找到一个解决方案：

function audioAutoPlay(id){    var audio = document.getElementById(id);

    var play = function() {        document.removeEventListener("WeixinJSBridgeReady", play);        document.removeEventListener("YixinJSBridgeReady", play);

        audio.play();        audio.pause();        // document.removeEventListener("touchstart", play, false);    };

    audio.play();    audio.pause();

    //weixin    document.addEventListener("WeixinJSBridgeReady", play, false);    //yixin    document.addEventListener('YixinJSBridgeReady', play, false);

    // document.addEventListener("touchstart", play, false);}audioAutoPlay('audio1');

有需要的同学自取吧，我尝试过，必须要在WeixinJSBridgeReady的回调中调用play方法才会激活audio对象，否则之后再调用play无效。搞前端就是这么蛋疼，后端就没有这么蛋疼的事儿了…

参考：解决ios下的微信打开的页面背景音乐无法自动播放

部分设备在微信内无法播放audio的解决方案相关推荐

网页链接无法使用微信内置浏览器打开的解决方案，实现微信跳转外部浏览器打开网页
最近很多做微信推广的朋友经常会问我为什么网页链接在微信内转发很容易被拦截,问我有没有办法解决.其实这并不难,只要我们实现微信跳转功能即可,下面给大家说说如何实现微信跳转外部浏览器的功能. 功能目的生 ...
微信android自动播放视频文件,vue-player或TcPlayer在微信内自动播放video和audio
不管是IOS框互理.各近架跳机蓝种近架跳机蓝种近架跳和Android,当video和audio初始src为空,根据点击不同的媒体源(非播放器控件),比如多个章节的视频列表,动态给src赋值并执行pla ...
微信内置浏览器清除缓存解决方案（实测有效）
1.安卓系统:打开http://debugx5.qq.com/ 2.苹果系统:退出账号,重新登录. 有兴趣的朋友可以加我的qq群交流学习,群里有更多源码,学习资料 QQ群:741909960 点我进群
解决IOS微信中 HTML5 中audio的自动播放问题。
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html lang="en"> <head ...
苹果微信html音乐播放,HTML5教程在iOS微信浏览器中如何自动播放HTML5 audio
本篇教程探讨了HTML5教程在iOS微信浏览器中如何自动播放HTML5 audio,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < html> Aut ...
解决苹果ios端微信无法自动播放H5页面背景音乐
最近做微信H5页面开发的时候,在页面加入背景音乐,并且设置自动播放. 在PC端模拟手机时是可以正常显示播放的,在安卓端微信上也可以正常播放,然后到苹果端微信就不能正常播放了. 找了许久的原因是苹果io ...
微信内置浏览器非全屏播放视频解析
前提条件,接了一个项目要实现在微信公众号里课程播放,而且还有评论功能,视频需要小窗播放. 首先公布解决方案: 感谢知乎上的回答,原版微信内置浏览器如何小窗不全屏播放视频? 感谢该问题的徐霖同学的回答 ...
krpano全景之解决微信内置浏览器不能自动播放音频的问题
body里面添加audio标签 ** ![](https://img-blog.csdn.net/20170119105337732?watermark/2/text/aHR0cDovL2Jsb2cu ...
实现base64格式的amr音频文件在IOS、android微信内置浏览器的播放
参考文档: 1.https://github.com/yxl/opencore-amr-js (将amr文件转为wav格式的编解码项目) 因为项目需要,要将amr的base46格式的音频文件在IO ...

部分设备在微信内无法播放audio的解决方案

部分设备在微信内无法播放audio的解决方案相关推荐

最新文章

热门文章