JS实现完美监听Audio播放完毕的方法大揭秘！

在JavaScript中，你可以使用`addEventListener`方法来监听音频播放完毕。以下是一个简单的例子： ```javascript var audio = new Audio('path_to_your_audio_file.mp3'); // 创建Audio对象 audio.addEventListener('ended', function() { console.log('Audio has ended.'); // 当音频播放完毕时，这段代码会被执行 }, false); ``` 在这个例子中，我们创建了一个新的Audio对象，并添加了一个事件监听器，当音频的"ended"事件（即播放完毕）发生时，会执行回调函数。`false`参数是可选的，表示这个事件是捕获阶段的，但大部分情况下默认值`useCapture`为`false`，即在冒泡阶段触发。 如果你的音频是在`play()`方法后播放的，记得在播放后添加事件监听器： ```javascript audio.play(); audio.addEventListener('ended', function() { // ... }, false); ``` 如果音频是循环播放的，你可能需要使用`oncanplaythrough`事件，因为有些浏览器在音频缓冲完成后才会触发`ended`事件： ```javascript audio.addEventListener('canplaythrough', function() { audio.currentTime = 0; // 重置音频到开始 audio.play(); }, false); audio.addEventListener('ended', function() { // ... }, false); ``` 这样，每次音频播放完毕后都会立即开始播放。 ######[AI写代码神器 | 292点数解答 | 2024-03-19 23:08:12]