前言
现在不管是 audio
还是 video(带音频)
都没办法做自动播放,受到浏览器阻止自动播放策略的约束;
还好微信内置浏览器拥有一些特殊api,可以实现自动播放。闲话少说直接看效果
👇🏻👇🏻👇🏻 插件地址 | 效果演示 👇🏻👇🏻👇🏻
https://ext.dcloud.net.cn/plugin?id=20174
思路
其实 iOS
实现起来比较简单,只需要监听 WeixinJSBridgeReady
或者 weixin. ready
就可以正常播放 audio
元素的音频;
Android
实现起来相对麻烦一点,需要借助 soundjs
库来完成。这里我参考借鉴 superzdd
大佬的实验 wechat-h5-backgound-music-survey,有兴趣的可以去了解一下~
这里面比较麻烦的一个事情是。。。。 iOS
方案和 Android
方案相互是不兼容的!
成品插件
所以我把他封装成了一个 jssdk 插件
,可以快速使用并且完美兼容 微信Android 和 iOS 以及一般手机浏览器 (触摸)
好省去一些时间浪费在做兼容这件事上,有兴趣的欢迎前来使用~ 并且项目长期维护
欢迎提交意见和建议,我将持续改进