audio标签使用问题

jane
  • 40

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
        );
      }
    });
回复
阅读 226
2 个回答
✓ 已被采纳
  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()

  1. 确定网速没问题。网速有问题就加钱
  2. 确定 metadata 在文件头。不在的话,统一处理一下
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏