程序员

微信网页ios自动播放音频、视频

2019-10-19  本文已影响0人  水汽yoyo

安卓自动播放直接加autoplay
但是由于ios安全方面的考虑,不让自动播放媒体资源,怎么办呢?微信有办法~

componentDidMount () {
    let wx = window.wx;
    function autoPlayAudio() {
      wx.config({
        // 配置信息, 即使不正确也能使用 wx.ready
        debug: false,
        appId: '',
        timestamp: 1,
        nonceStr: '',
        signature: '',
        jsApiList: []
      });
      wx.ready(function() {
        let audio = document.getElementById('battle_bgm');
        console.log(111, audio)
        if(audio){
          document.getElementById('battle_bgm').play();
        }
      });
    }
    autoPlayAudio()
  }

这里的config错误也没关系,也会执行wx.ready的;
不过这里要注意,在wx.ready的时候要保证能拿到audio元素,我一开始加了个显示audio的判断,发现在wx.ready里面打印没拿到audio所以没播放,误以为这种方法不行。

上一篇 下一篇

猜你喜欢

热点阅读