微信网页Audio自动播放(IOS安卓)
尝试很多网上的方法无效,自己整理的可行方案//之前一直是用dom元素<audio ref="audio"loop><source :src="sloganvoice_src" type="audio/mpeg"></audio>//发现根本不行,在ios无法触发$('').paly() 方法
·
尝试很多网上的方法无效,自己整理的可行方案
//之前一直是用dom元素(在ios下无效)
<audio ref="audio" loop>
<source :src="sloganvoice_src" type="audio/mpeg">
</audio>
//发现根本不行,在ios无法触发paly() 方法
this.mp3_instance = new Audio()
this.mp3_instance.autoplay = true
this.mp3_instance.src = ""
this.mp3_instance.src = this.sloganvoice_src
this.mp3_instance.load()
this.mp3_instance.play()
// 用new 的方式创建audio对象,可以ios完美触发paly()
document.addEventListener("WeixinJSBridgeReady","DOMContentLoaded")
//然后给页面绑定触发audio的监听即可
有些低端手机无法触发那两个静默事件
document.body.addEventListener('touchstart')
只需要绑定个交互事件即可
更多推荐
已为社区贡献1条内容
所有评论(0)