Vue自动播放兼容模块
iOS 上的自动播放一直是个老大难的问题,尤其是在 Vue 项目里。但music 兼容.vue
这个文件还挺给力的,能比较优雅地自动播放的兼容问题,是对 iOS 上的背景音乐或视频自动播放有点强迫症的同学,可以好好用一用。
文件逻辑不复杂,主要利用了WeixinJSBridgeReady
和touchstart
事件做兜底。响应也快,代码也清爽,放项目里几乎不怎么需要改。尤其适合移动端音乐播放器、H5 活动页这种要自动播放音乐的场景。
顺带推荐几个相关的思路拓展,比如H5 背景音乐自动播放问题,讲得也蛮细;还有-music-player:Vue 框架音乐播放器,如果你音乐播放需求更复杂,可以结合参考下。
建议你在项目加载初始化时就调用,放在mounted()
生命周期里最好,确保用户第一次交互就能触发自动播放。啦,记得测试微信、Safari 这些特殊场景,不然白忙一场。
1.04KB
文件大小:
评论区