在 iOS 微信浏览器中自动播放 HTML5 audio(音乐) 的正确方式【转载】

版权归作者所有，任何形式转载请联系作者。
作者：U_U（来自豆瓣）
来源：https://www.douban.com/note/527229751/

大家或多或少都知道 iOS Safari 不允许自动播放 audio, 可能已经被坑过了, 但微信内嵌的浏览器应该是做了一些定制化, 允许自动播放 audio.

测试了以下机型在微信内嵌浏览器中仅需设置 audio autoplay 即可自动播放(audio)音乐, 无需特殊处理.

• iPhone5 iOS 7.0.6 WeChat 6.2
• iPhone5s iOS 8.1.2 WeChat 6.3.7
• iPhone6Plus iOS 8.1.3 WeChat 6.3.7
• MI1S Android 4.1.2 WeChat 6.3.7

但是当手机是 iPhone6s iOS 9.1 WeChat 6.3.7 时, 必须做如下特殊处理才能在微信中自动播放(audio)音乐, 我可以推测是 iOS 9 的兼容性问题么?

其实要解决这个兼容性问题很简单, 也很隐晦, 核心原理就是在微信的 JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理).

具体的实现方式请猛击在线demo, 或者扫描下面的二维码, 完整的代码请查看 autoplay-audio-ios.html

http://rawgit.com/ufologist/7c14837db642a6e916ce/raw/9be2c7663f7a99708e88a59f71e6b2cc86bd8ec8/autoplay-audio-ios.html

https://gist.github.com/ufologist/7c14837db642a6e916ce