Web中new Audio 设置currentTime播放时间没效果

422 阅读1分钟

实际上,使用new Audio()创建的HTMLAudioElement对象在设置currentTime后并不会产生任何效果,因为音频还没有加载完成。

可以使用canplay事件来监听音频可以开始播放的时机,然后再设置currentTime并播放音频。 以下是修改后的示例代码:

mounted(){
    const audioElement = new Audio('path_to_your_audio_file.mp3');
    // 监听音频可以开始播放事件
    audioElement.addEventListener('canplay', () => {
    });
    // 加载音频
    audioElement.load();
}
 method:{
     onClick(){
         audioElement.currentTime = 30;
         audioElement.play();
     }
 }