audio如何播放多个音频
时间: 2024-01-06 17:05:36 浏览: 40
要在网页上播放多个音频,您可以使用多个`<audio>`标签,每个标签对应一个音频文件。可以使用JavaScript来控制多个音频的播放和暂停。
以下是一个播放多个音频的示例代码:
```html
<audio id="audio1" src="audio1.mp3"></audio>
<audio id="audio2" src="audio2.mp3"></audio>
<button onclick="playAudio('audio1')">播放音频1</button>
<button onclick="playAudio('audio2')">播放音频2</button>
<button onclick="pauseAudio()">暂停所有音频</button>
<script>
var audios = document.getElementsByTagName('audio');
function playAudio(id) {
for (var i = 0; i < audios.length; i++) {
if (audios[i].id === id) {
audios[i].play();
} else {
audios[i].pause();
}
}
}
function pauseAudio() {
for (var i = 0; i < audios.length; i++) {
audios[i].pause();
}
}
</script>
```
在上面的示例中,我们定义了两个`<audio>`标签,每个标签对应一个音频文件。我们还定义了三个按钮,分别用于播放音频1、播放音频2和暂停所有音频。
当用户单击播放音频按钮时,我们使用`playAudio`函数来播放指定的音频,并暂停其他的音频。当用户单击暂停所有音频按钮时,我们使用`pauseAudio`函数来暂停所有的音频。