howler.js：播放音频时（连续）触发了哪个事件？

Question

我正在使用 howler.js 播放音频。我要实现的功能是在播放音频时突出显示文本。我为每个单词添加了时间戳（开始和结束）json 数据。

为了实现用音频突出单词，我想到的一种方法是循环遍历单词，对于每个单词，如果当前搜索时间在单词的开始和结束时间的边界范围内, 然后我将更改单词 HTML SPAN 的属性。

我不应该需要一个在播放音频时不断触发的事件吗？换句话说，如果我的目标是实现音频搜索栏，我将如何实现该目标？从[=22=的文档来看，onseek函数的objective不清楚，它没有触发。这是我从文档中尝试的内容。

sound = new Howl({
   src: ['output.mp3'],
   html5: true,
   onseek: function() {
     console.log('seeking...');
   }
});

或者我应该看看别的东西吗？

Answer 1

当音频被移动到不同的位置时触发 onseek。正常播放不触发seek事件

我会推荐的是这样的...

function isPlaying(){
   if(sound.playing()){
      console.log('audio is currently playing...');
      setTimeout(isPlaying, 1000); //adjust timeout to fit your needs
   }
}

sound = new Howl({
   src: ['output.mp3'],
   html5: true,
   onplay: isPlaying
});

这里有一个非常基本和肮脏的演示，显示它有效：demo

howler.js：播放音频时（连续）触发了哪个事件？

howler.js: Which event is fired (continuously) while audio is playing?

javascript

audio

event-handling

howler.js