uni-app 音频播放onCanplay中获取音频长度duration一直为0或undefined

前言

项目开发中，用到页面内音频播放。使用uni.createInnerAudioContext()，创建并返回内部 audio 上下文 innerAudioContext 对象。innerAudioContext 对象中包含属性duration，只有在当前有合法的 src 时返回，需要在onCanplay中获取。

项目中通过调用onCanplay()却获取不到duration，duration一直显示为0或undefined。

实现

调用onCanplay()音频进入可以播放状态后，通过添加定时器来获取音频时长duration。

具体演示代码

const audioManager = uni.createInnerAudioContext();

audioManager.onCanplay(() =>{
  console.log(audioManager.duration); // =>0
  let intervalID = setInterval(() => {
    if (state.audioManager.duration !== 0) {
      clearInterval(intervalID); // 清除定时器
      console.log("音频时长", state.audioManager.duration);
    }
  }, 500);
  console.log(audioManager.duration); // =>0
});