Question

我目前对MP3音频播放的实现效果很好，但是在Android设备上的Chrome中，“canplay”之间存在延迟。触发事件（启动可视播放进度条）以及通过设备实际听到音频的时间。这会导致视觉进度条略微不同步。

是否有更可靠的方法来检测音频播放何时开始，而不是使用＆＃39; canplay＆＃39;中
我的逻辑如下：

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

HTML5音频开始播放延迟

1 个答案: