继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

studyLove
关注TA
已关注
手记 2
粉丝 2
获赞 3

图片描述

版权归作者所有,任何形式转载请联系作者。
作者: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

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP