文章/答案/技术大牛

发布

社区首页 >问答首页 >howler.js:在播放音频时，哪个事件被(连续地)触发？

问howler.js:在播放音频时，哪个事件被(连续地)触发？
EN

Stack Overflow用户

提问于 2019-06-13 07:30:50

回答 1查看 2.8K关注 0票数 1

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

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

难道我不需要一个在播放音频的时候不断触发的事件吗？换句话说，如果我的目标是实现一个音频搜索栏，我将如何实现这个目标？从howler.js的文献来看，onseek函数的目标不明确，不触发。这是我从文档中尝试过的。

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

还是我应该看别的东西？

audio

event-handling

howler.js

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-19 16:32:05

当音频被擦到不同的位置时，就会触发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
});

下面是一个非常基本和肮脏的演示，展示了它的工作原理：演示

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56575440

复制

相似问题

问howler.js:在播放音频时，哪个事件被(连续地)触发？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问howler.js:在播放音频时，哪个事件被(连续地)触发？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问howler.js:在播放音频时，哪个事件被(连续地)触发？
EN