html - 设置 HTML5 音频事件的粒度 'timeupdate'

Question

我正在尝试使用 HTML5 音频创建一个简单的循环功能，并有一个非常原始的解决方案如下:

$(audio).bind('timeupdate', function() {
  if (audio.currentTime >= 26){
    var blah = audio.currentTime; 
    audio.currentTime = 23;
    console.log(blah);
  }
})

这工作正常，但这里唯一的问题是 timeupdate 事件不会非常一致地触发。例如，上面的 console.log 返回:26.14031982421875

26.229642868041992

26.13462257385254

26.21796226501465

...等等(你明白了..不一致的时间)

显然这不适用于时间很重要的应用程序(音乐应用程序)。所以对我来说显而易见的解决方案是增加触发 timeupdate 事件的粒度。我还没有找到任何 API 文档...但很想知道是否有办法做到这一点。

Answer 1

请注意，您可以更频繁地读取视频的 currentTime 属性。如果时间真的很紧迫，并且您可以忍受一点不确定性，您可以试试这个。

但是，它比使用标签自己的 timeupdate 事件要优雅得多。

setInterval(function () {
    console.log(audio.currentTime); // will get you a lot more updates.
}, 30);

在这种情况下，您必须自己管理间隔，确保在 null 音频元素之前清除它。但它是一种可能性。

我在视频元素上使用了这种方法，但它也应该适用于此。