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
});

猜你喜欢

转载自blog.csdn.net/loveliqi/article/details/125601489
今日推荐