小程序嵌h5 （vue） 音频自动播放ios 及Android 通用

关于音频在微信环境下自动播放

//main.js
Vue.prototype.buttonAudio = new Audio; //vue原型上创建audio对象
let buttonAudio = Vue.prototype.buttonAudio;
// buttonAudio.setAttribute('preload', 'auto');
// buttonAudio.setAttribute('controls', 'controls');
Vue.prototype.audioPlay = (srcAudio) => {
  buttonAudio.setAttribute('src', srcAudio);
  buttonAudio.load(); //加载音频
  if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
    WeixinJSBridge.invoke('getNetworkType', {}, function () {
      buttonAudio.pause();
      buttonAudio.play();
      console.log('ios--play')
      buttonAudio.addEventListener('canplay', () => {
        console.log("canplay----")
        buttonAudio.play();
      })
    })
  }
  buttonAudio.setAttribute('loop', 'loop');
  //重复播放

  buttonAudio.addEventListener('canplay', () => {
    console.log('Android--play')
    buttonAudio.play();
  })
  //buttonAudio.play();
  // console.log('安卓play')
  //开始播放
}