uniapp两个音频

在UniApp中处理两个音频同时播放或交互的场景，可以通过以下方法实现：

音频播放基础

使用uni.createInnerAudioContext()创建多个音频实例。每个实例独立控制，允许同时播放不同音频或管理多个音轨。

// 创建两个音频实例
const audio1 = uni.createInnerAudioContext();
const audio2 = uni.createInnerAudioContext();

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

// 播放控制
audio1.play();
audio2.play();

音频同步与交互

通过监听onTimeUpdate事件实现音频同步或交互逻辑。例如，让第二个音频在第一个音频播放到特定时间点时触发。

audio1.onTimeUpdate(() => {
  if (audio1.currentTime > 10 && !audio2Started) {
    audio2.play();
    audio2Started = true;
  }
});

跨平台兼容性处理

部分平台（如iOS）可能限制自动播放，需通过用户交互触发。使用按钮绑定事件或页面生命周期调整策略。

<button @tap="playAudios">播放双音频</button>

音量控制与混音

通过调整实例的volume属性实现混音效果。范围值为0（静音）到1（最大音量）。

audio1.volume = 0.7;  // 主音轨70%音量
audio2.volume = 0.3;  // 背景音30%音量

错误处理与资源释放

监听onError事件并调用destroy()方法避免内存泄漏。

audio1.onError((err) => {
  console.error('音频1播放失败:', err);
  audio1.destroy();
});

注意事项

• 微信小程序平台需在app.json中声明requiredBackgroundModes字段允许后台播放。
• 安卓端可能存在音频焦点冲突，需测试不同机型适配性。
• 长时间播放建议使用uni.getBackgroundAudioManager()实现后台持续播放。