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

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

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐