在 iOS 微信浏览器中自动播放 HTML5 audio(音乐)

作者: Devid | 来源:发表于2017-04-22 21:23 被阅读457次

在 iOS 微信浏览器中自动播放 HTML5 audio(音乐)
JS解决ios下的微信页面背景音乐无法自动播放问题
微信和iOS
解决iOS
微信内置浏览器音频自动播放问题
audio 自动播放
解决ios微信浏览器中audio和video音乐视频无法自动播放
解决audio标签样式问题及ios自动播放问题
H5 音视频无法播放的问题
移动端h5踩坑之 audio mp3资源不能在ios设备播放

原理：
在微信的JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理)

function autoPlayAudio1() {
        wx.config({
            // 配置信息, 即使不正确也能使用 wx.ready
            debug: false,
            appId: '',
            timestamp: 1,
            nonceStr: '',
            signature: '',
            jsApiList: []
        });
        wx.ready(function() {
            document.getElementById('audio').play();
        });
}

就是关键的那一句：document.getElementById('audio').play();
大家或多或少都知道 iOS Safari 不允许自动播放 audio, 可能已经被坑过了,

参考：https://gist.github.com/ufologist/7c14837db642a6e916ce

在 iOS 微信浏览器中自动播放 HTML5 audio(音乐)
原理：在微信的JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理) 就是...
JS解决ios下的微信页面背景音乐无法自动播放问题
不支持audio的autoplay，部分的IOS微信（本文提供的解决方案）关于音乐自动播放的问题存在三种：支持...
微信和iOS
解决iOS
在iOS下autoplay属性无效，调用play方法也不行，无法自动播放，解决方法如下（仅限微信浏览器）：
微信内置浏览器音频自动播放问题
Html5的audio 音频在iphone上无法实现，针对的是微信浏览器、易信、APP一些不支持设备里面的解决方法...
audio 自动播放
audio因微信省流量等策略会取消自动播放 function audioAutoPlay(id){ var aud...
解决ios微信浏览器中audio和video音乐视频无法自动播放
产生问题的原因参考网址：点击对于自动播放的局限性，没有变通方案。正如前面所提及的，音频流只能从用户触摸事件加载。...
解决audio标签样式问题及ios自动播放问题
解决audio标签样式问题及ios自动播放问题 html代码如下，ios的audio标签好像不支持ogg文件播放，...
H5 音视频无法播放的问题
在HTML5当中，使用audio或者video标签，有时候我们会在标签中把它设置为自动播放，或者用js去控制它播放...
移动端h5踩坑之 audio mp3资源不能在ios设备播放
正常的audio标签，有的src为.mp3结尾的资源链接，在ios设备（微信、safari浏览器）不能正常播放，安...