- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何在声音衰减结束时自动触发事件 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/
liwen01 2024.08.18 前言 无论是在产品开发还是在日常生活中,在使用无线网络的时候,都会经常遇到一些信号不好的问题,也会产生不少疑问: 为什么我们在高速移动的高铁上网络会变
我正在使用 Kinect 获取每个关节的位置和方向,然后将它们发送到 Unity。我注意到值有很多“跳跃”或波动,例如,有时我不移动我的手,而在 Unity 中它会旋转 180 度。 我想要的是一个平
在下面的示例中, #include #include //okay: // template decltype(auto) runner(T&& t, F f) { return f(st
出于某种原因,即使我设置了衰减因子,我的学习率似乎也没有改变。我添加了一个回调来查看学习率,它似乎在每个纪元之后都是一样的。为什么没有变化 class LearningRatePrinter(Call
考虑下面的代码: #include #include using namespace std; template void Test2(future f, Work w) { async([
我是一名优秀的程序员,十分优秀!