如何在声音消失结束后自动触发事件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] 删除。
我来说两句