问Howler.js -当声音结束或音量发生变化时的火灾事件
EN

Stack Overflow用户

提问于 2018-01-31 18:40:59

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

如何在声音衰减结束(淡出目标音量= 0.3)并在音量为0.6时显示警报弹出窗口时自动触发事件sound.stop()？

<!DOCTYPE html>
<script src="https://rawgit.com/goldfire/howler.js/master/src/howler.core.js"></script>
<button onclick="Play()">Play</button>
<button onclick="StartFade()">Fade</button>

<script>
var sound = new Howl({
src: ['https://howlerjs.com/assets/howler.js/examples/player/audio/rave_digger.webm']});

function Play() sound.play();
function StartFade() sound.fade(1, 0.3, 2000);
</script>

howler.js

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-01-31 18:49:35

.fade()方法在完成时触发一个“淡出”事件。可以将侦听器附加到声音对象。

sound.on('fade', function(){
  console.log('#Faded!!');
});

或者，您可以在创建新Howl时设置onFade()方法。

var sound = new Howl({
  src: ['https://howlerjs.com/assets/howler.js/examples/player/audio/rave_digger.webm'],
  onFade: function(){
    //stuff goes here!
  }

});

若要在音量达到0.6时显示警报，您可以连锁您的回调，因此第一个淡出方法实际上只是从1到0.6，然后在事件侦听器中弹出警报，然后从0.6到0.3进行新的淡出。

使用onFade()和onVolume()方法，您也可以这样编写它，但无论卷设置为0.6，淡出与否，它都会引发此警报。

onVolume: function(){
  if (this.volume == 0.6)
    alert("Volume is currently 0.6!");
}

票数 3

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

原文链接：

https://stackoverflow.com/questions/48549302

复制

相似问题

问Howler.js -当声音结束或音量发生变化时的火灾事件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Howler.js -当声音结束或音量发生变化时的火灾事件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Howler.js -当声音结束或音量发生变化时的火灾事件
EN