dw实现音频播放器并用Javascript实现音频切换
时间: 2023-07-18 22:45:52 浏览: 122
好的,下面是一个简单的 HTML 和 JavaScript 实现音频播放器并切换音频的示例代码:
HTML 代码:
```html
<audio id="audioPlayer" controls>
<source src="audio1.mp3" type="audio/mpeg">
</audio>
<button onclick="changeAudio()">切换音频</button>
```
上面的代码创建了一个带有播放控件的音频元素`<audio>`和一个切换音频的按钮。注意要将默认的音频文件路径`audio1.mp3`设置为`<source>`元素的`src`属性。
JavaScript 代码:
```javascript
function changeAudio() {
var audio = document.getElementById("audioPlayer");
if (audio.src.endsWith("audio1.mp3")) {
audio.src = "audio2.mp3";
} else {
audio.src = "audio1.mp3";
}
audio.load();
audio.play();
}
```
上面的代码实现了切换音频的功能。当用户点击按钮时,JavaScript 代码会获取音频元素`<audio>`,并根据当前播放的音频文件路径判断要切换到哪个音频文件。
然后,代码会将新的音频文件路径设置为`<audio>`元素的`src`属性,并调用`load()`方法和`play()`方法来加载和播放新的音频文件。
这只是一个简单的示例,您可以根据自己的需求对代码进行修改和完善。
阅读全文