微信浏览器自动播放音乐的解决方法 , 安卓和ios 22年9月发布

标签：function 浏览器 22 indexOf 微信 安卓 ios false android

    <audio id="music1" preoload autoplay>       <source src="./all-01.mp3" type="audio/mp3" />     </audio>

  <script src="./pixi.min.js"></script>
  <script src="./pixi-sound.js"></script>

 <script>

    // 播放音乐    function audioAutoPlay (id) {       let audio = document.getElementById(id)       if (window.WeixinJSBridge) {         WeixinJSBridge.invoke(           'getNetworkType',           {},           function (e) {             audio.play()           },           false         )       } else {         document.addEventListener(           'touchstart',           function () {             WeixinJSBridge.invoke('getNetworkType', {}, function (e) {               audio.play()             })           },           false         )       }     } 　　// 检查版本

    function CheckIsAndroid () {
      var browser = {
        versions: (function () {
          var u = navigator.userAgent
          return {
            //移动终端浏览器版本信息
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器 //u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
            iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1 //是否iPad
          }
        })()
      }

      if (browser.versions.android) return true
      return false
    }

    window.sound_1 = PIXI.sound.Sound.from({
      // 用pixi-sound载入音乐,用于安卓
      url: './all-01.mp3',
      loop: false
    })

    if (CheckIsAndroid()) {
      window.sound_1.play()
    }else {

　　　　audioAutoPlay('music1')

　　}

</script>

 

 

js 文件 

链接：https://pan.baidu.com/s/15bHHcqcQTuTfWBSeFK_CMg
提取码：z1cj

标签：function,浏览器,22,indexOf,微信,安卓,ios,false,android
From： https://www.cnblogs.com/qt-fei/p/16705470.html