javascript - HTML5音频开始播放延迟

Question

我当前对MP3音频播放的实现效果很好，但是在Android设备上的Chrome浏览器中，触发“canplay”事件(启动可视播放进度条)与实际通过设备听到音频之间存在延迟。这导致视觉进度条稍微不同步。

有没有比使用“canplay”更可靠的方法来检测何时开始播放音频？
我的逻辑如下:

var audio = new Audio();
audio.src = 'something.mp3';
audio.play();
audio.addEventListener('canplay', function() {
    // audio playback commences now.
    // start progress bar animation.
});

Answer 1

您可以使用timeupdate事件来验证当前播放时间。这是MDN文档的摘录
timeupdate元素的currentTime属性指示的时间已更改。

引用:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events