uniapp 播放音频 ios 播放第一遍获取不到时长是怎么回事？

我在 uniapp 中使用 audio 组件播放音频时遇到一个问题：在 iOS 设备上，第一次播放音频时获取不到音频的时长（duration），但第二次及之后播放就能正常获取。安卓设备上没有这个问题。请问这是什么原因导致的？有没有解决办法？

2 回复

可能是音频文件未完全加载。建议在 onCanplay 事件后再获取时长，或使用 setTimeout 延迟获取。也可检查音频格式兼容性，iOS对某些格式支持较差。


在 UniApp 中，iOS 设备播放音频第一遍获取不到时长的问题，通常是由于音频资源未完全加载或缓冲导致的。iOS 对音频资源的加载处理较为严格，尤其是在首次播放时，可能无法立即获取到完整的元数据（如时长）。以下是解决方案和代码示例：

解决方案：

  1. 预加载音频：在播放前确保音频已加载完成。
  2. 监听加载事件：使用 onCanplay 事件确保音频可播放后再获取时长。
  3. 延迟获取时长：在播放开始后稍作延迟再获取时长。

代码示例：

// 创建内部音频上下文
const innerAudioContext = uni.createInnerAudioContext();

// 设置音频源
innerAudioContext.src = 'https://example.com/audio.mp3';

// 监听音频可播放事件
innerAudioContext.onCanplay(() => {
  // 音频加载完成，可尝试获取时长
  setTimeout(() => {
    const duration = innerAudioContext.duration;
    if (duration > 0) {
      console.log('音频时长:', duration);
    } else {
      console.log('首次获取时长失败，可重试或提示用户');
    }
  }, 500); // 延迟500ms确保数据就绪
});

// 开始播放（可选，根据需求触发）
innerAudioContext.play();

// 注意：在页面卸载时销毁音频实例
// onUnload() { innerAudioContext.destroy(); }

注意事项：

  • 网络问题：确保音频 URL 可访问，iOS 对跨域资源可能有限制。
  • 格式兼容性：使用 iOS 支持的音频格式（如 MP3、AAC）。
  • 错误处理：添加 onError 监听处理加载失败情况。

如果问题持续，建议在 onTimeUpdate 事件中多次尝试获取时长，或提示用户等待音频加载完成。

回到顶部