uniapp两个音频

在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();

控制音频播放

暂停或停止音频：

audio1.pause(); // 暂停第一个音频
audio2.stop();  // 停止第二个音频

监听音频事件：

audio1.onPlay(() => {
  console.log('音频1开始播放');
});
audio2.onEnded(() => {
  console.log('音频2播放结束');
});

音频叠加播放

如果需要同时播放两个音频，确保设备支持多音频通道。部分平台可能限制同时播放的音频数量，需测试目标平台的兼容性。

音频音量控制

独立调整每个音频的音量：

audio1.volume = 0.5; // 设置音频1音量为50%
audio2.volume = 0.8; // 设置音频2音量为80%

销毁音频实例

在页面卸载或不再需要时销毁音频实例，释放资源：

audio1.destroy();
audio2.destroy();

跨平台兼容性

不同平台对音频播放的支持可能存在差异，建议在iOS、Android及小程序端分别测试。部分平台可能需要用户交互（如点击事件）才能触发音频播放。