Howler.js-声音消失或音量改变时触发事件

塔拉兹

如何在声音消失结束后自动触发事件sound.stop()(淡入目标音量= 0.3)并在音量为0.6时立即显示警报弹出窗口?

<!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>

卡塔马里

.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!");
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章