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。正常播放不会触发 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