美文网首页程序员
微信网页ios自动播放音频、视频

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

作者: 水汽yoyo | 来源:发表于2019-10-19 22:25 被阅读0次

安卓自动播放直接加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所以没播放,误以为这种方法不行。

相关文章

网友评论

    本文标题:微信网页ios自动播放音频、视频

    本文链接:https://www.haomeiwen.com/subject/eeznmctx.html