js中的audio播放完成后播放下一音频
时间: 2024-10-17 15:12:11 浏览: 14
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
在JavaScript中,当Audio对象播放完成时自动播放下一个音频,你可以通过监听`ended`事件来实现这一功能。下面是一个简单的示例:
```javascript
// 创建一个数组存储音频文件URL
var audioFiles = ['audio1.mp3', 'audio2.mp3', 'audio3.mp3'];
// 当前播放的音频索引
let currentIndex = 0;
// 初始化一个Audio对象
function createAudio(url) {
return new Audio(url);
}
// 当当前音频结束时播放下一个
var audioPlayer = createAudio(audioFiles[currentIndex]);
audioPlayer.addEventListener('ended', function() {
// 播放下一张
if (currentIndex < audioFiles.length - 1) {
currentIndex++;
audioPlayer.src = audioFiles[currentIndex];
audioPlayer.play();
}
});
// 开始播放
audioPlayer.play();
```
在这个例子中,当`ended`事件触发时,会检查是否还有更多音频可供播放。如果有,就会更新`src`属性并再次调用`play()`开始播放下一首。
阅读全文