栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

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

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在 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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243191.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号