audio标签使用问题

Question

html5标签audio
安卓机以及iphone8以下没问题，怎样兼容在iphone8P以上正常播放呢（以下代码切换audio资源文件时会卡顿，偶尔好使）

  wx.ready(() => {
      const audio = this.$refs.audioDom;
      if (audio) {
        audio.load();
        audio.play();
        document.addEventListener(
          "WeixinJSBridgeReady",
          () => {
            audio.load();
            audio.play();
          },
          false
        );
      }
    });

Answer 1

  const doPlay = () => {
    const audioPlayer = this.$refs.audioDom;
    if (audioPlayer) {
      audioPlayer.load();
      setTimeout(() => {
        audioPlayer.play();
      }, 500);
    }
  };
  doPlay();
  wx.ready(() => {
    doPlay();
  });
  wx.error(res => {
    doPlay();
  });

要点：写在wx.ready方法里，先执行load()，设置延时执行play()

Answer 2

1. 确定网速没问题。网速有问题就加钱
2. 确定 metadata 在文件头。不在的话，统一处理一下