解决H5 Audio音频在ios下不自动播放问题

2019-03-12  本文已影响0人  柒子YOYO

audio 设置了autoplay在安卓手机上是正常自动播放的,但是由于ios的限流政策导致在ios手机上需要用户手动点击播放,为了统一,SO:

const _audio = document.getElementById('audio');
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
    _audio.play();
} else {
    if (document.addEventListener) {
        document.addEventListener("WeixinJSBridgeReady", function() {
            _audio.play();
        }, false);
    } else if (document.attachEvent) {
        document.attachEvent("WeixinJSBridgeReady", function() {
            _audio.play();
        });
        document.attachEvent("onWeixinJSBridgeReady", function() {
            _audio.play();
        });
    }
}

document.addEventListener("touchstart", function(e) {
    if (isPlay) {
        _audio.play();
        isPlay = false;
    }
}, false);

个人总结,如有错误,欢迎纠正。

上一篇 下一篇

猜你喜欢

热点阅读