gpt4 book ai didi

javascript - Howler.js - 当声音结束衰减或音量改变时触发事件

转载 作者:行者123 更新时间:2023-11-30 14:48:23 29 4
gpt4 key购买 nike

如何在声音衰减结束时自动触发事件 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.6 的新淡入淡出0.3

使用 onFade() 和 onVolume() 方法,您也可以这样写,尽管它会在音量设置为 0.6 时发出此警报,无论是否淡入淡出。

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

关于javascript - Howler.js - 当声音结束衰减或音量改变时触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48549302/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com