javascript - howler.js:播放音频时(连续)触发哪个事件？

Question

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

为了使音频高亮显示单词，我想到的一种方法是遍历单词，对于每个单词，如果当前搜索时间在单词开始时间和结束时间的限制范围内，那么我将进行更改单词的HTML SPAN的属性。

我不应该需要一个在播放音频时不断触发的事件吗？换句话说，如果我的目标是实现音频搜索栏，我将如何实现该目标？从howler.js的文档中，onseek函数的目标尚不清楚，无法触发。这是我从文档中尝试的内容。

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

还是我应该看看别的东西？

Answer 1

当将音频拖到其他位置时，将触发onseek。正常播放不会触发搜索事件。

我推荐的是这样的东西...

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