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

时间:2019-06-13 07:30:50

标签: javascript audio event-handling howler.js

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

要用音频来突出显示单词,我想到的一种方法是遍历单词,对于每个单词,如果当前搜索时间在单词开始和结束时间的范围内,则我将更改单词的HTML SPAN的属性。

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

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

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

1 个答案:

答案 0 :(得分:0)

当音频被拖到其他位置时,会触发

onseek。正常播放不会触发搜索事件。

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

strcpy

这是一个非常基本且肮脏的演示,显示了它的工作原理:demo