本文探讨了移动端Web页面中音乐自动播放的问题，主要涉及三种情况：大部分安卓和iOS设备支持autoplay，部分iOS微信需要特殊处理，以及部分安卓浏览器和iOS Safari需要用户触屏触发播放。解决方案包括监听微信的WeixinJSBridgeReady事件以及应对iOS限制，等待用户触屏后播放。
关于移动端Web音乐自动播放的问题，可以分为三种：
- 支持audio的autoplay，大部分安卓机子的自带浏览器和微信，大部分的IOS微信（无需特殊解决）
- 不支持audio的autoplay，部分的IOS微信 （解决ios下的微信打开的页面背景音乐无法自动播放）
- 不支持audio的autoplay，部分的安卓机子的自带浏览器（比如小米）和ios safari（只能做用户触屏时触发播放，本文介绍）
原因
- 微信的js api是建立在微信内置浏览器的私有对象WeixinJSBridge上，在微信中打开页面的话会初始化这个对象，当这个对象准备好的时候，会抛出WeixinJSBridgeReady这个事件，我们在这个事件的回调中可以播放音乐。
- 以前的IOS是支持音频自动播放的，但是在IOS4.2.1版本之后，苹果不支持自动播放，为了用户着想，禁止了autoplay和JS “onload” 加载播放，在此我们监听用户触屏时触发。更多资料见官方文档Safari Developer Library
User Control of Downloads Over Cellular Networks In Safari on
最低0.47元/天 解锁文章
扫一扫
273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
