uniapp 微信自动播放背景音乐插件

前言

现在不管是 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 以及一般手机浏览器 (触摸)

好省去一些时间浪费在做兼容这件事上,有兴趣的欢迎前来使用~ 并且项目长期维护

欢迎提交意见和建议,我将持续改进

插件地址:https://ext.dcloud.net.cn/plugin?id=20174

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值