微信网页Audio自动播放(IOS安卓)

尝试很多网上的方法无效,自己整理的可行方案

//之前一直是用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')

只需要绑定个交互事件即可