iphone 微信网页自动播放音频解决办法

2019独角兽企业重金招聘Python工程师标准>>>

iphone 虽然支持html5的audio 但有很多限制，比如必须通过用户操作才能加载音视频文件，而

preload 属性以及play()都是不好使的


<audio id="myAudio" src="res/bg.mp3" preload="true" loop="true" oncanplay=""></audio>
<!--微信jssdk-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

利用微信的jssdk可以解决这个问题（至于微信是怎么实现的没有研究）

wx.config({// 配置信息, 即使不正确也能使用 wx.readydebug: false,appId: '',timestamp: 1,nonceStr: '',signature: '',jsApiList: []});wx.ready(function() {var au = document.getElementById('myAudio');//au.volume  = 0;//音量设置在iphone中不起作用au.muted  = true;//先设置静音 待需要时再播放au.play();});

一旦加载成功就可以正常使用play() 等函数或属性了

但是依然还有其他限制比如不能通过volume改变音量，onvolumechange 事件也不能用包括用户通过控件改变音量也不会触发onvolumechange事件，以及等等。。。的限制。。。

转载于:https://my.oschina.net/u/2399303/blog/882375

iphone 微信网页自动播放音频解决办法相关推荐

解决iphone 微信H5自动播放音乐问题
解决iphone 微信H5自动播放音乐问题参考文章: (1)解决iphone 微信H5自动播放音乐问题 (2)https://www.cnblogs.com/hlhs/p/11157401.html ...
通过howler.js实现在Android下的微信浏览器自动播放音频
howler.js是一个把webaudio进行封装的一个js库,通过它可以轻松的对音频文件进行控制播放.暂停.甚至指定播放音频中的某个片段.以及加快等等,这里我们只关注它在微信浏览器中自动播放的问题, ...
chrome下音频无法自动播放的解决办法
众所周知,chrome浏览器在18年4月起,就在桌面浏览器全面禁止了音视频的自动播放功能.不光是这样,在页面加载完毕的情况下,用户没有click.dbclick.touch等主动交互行为,使用js直接 ...
Bootstrap之Carousel不能自动播放的解决办法(转)
Bootstrap是一个非常好的css/javaScript框架,尤其对于移动端的自适应和适配能力都比较强. 用Bootstrap自带的Carousel写了一个图片轮播的广告部分,用js调用后却出现了 ...
iOS开发之视频兼容及网页无法播放的解决办法
在做视频上传到阿里云时我碰到了以下几个问题: 1.web端无法播放使用iPhone xs max与iOS12系统录制的视频: 2.10.0的6s与5s没法播放iOS12及以上录制的视频: 解决方法: ...
ubunntu系统网页无法播放视频解决办法
新装的ubuntu18.04大概是没有安装视频解码终端输入指令: sudo apt-get install ffmpeg 第二步安装flash sudo apt-get install flashp ...
针对运行JSP文件后网页自动下载的解决办法
我写完某个JSP文件后用服务器调用惊奇地发现一加载网址就自动下载~ 其实问题主要出现在 pagepagepage 指令标记上,下面这个是正确格式 <%@ page contentType=&qu ...
html手机不能自动播放音乐,解决移动端浏览器 HTML 音频不能自动播放的三种方法...
由于Android,IOS移动端的浏览器以及微信自带的浏览器为了用户更好的体验,规定不自动播放音频视频,默认屏蔽了autoplay,如果要想达到自动播放效果,需要单独处理,方法有以下几种: 第一种:添 ...
ios微信下vue项目组件切换并自动播放音频的解决方案
最近在做一个英语答题项目 , 项目需求是通过答题取的成绩 , 答题的题型是分为 , 听音选图 , 看图选词 , 和填空题 . 项目总共分为了3个页面 , 开始页 ,答题页和结束页面 ,答题页关于每种 ...

iphone 微信网页自动播放音频解决办法

iphone 微信网页自动播放音频解决办法相关推荐

最新文章

热门文章