我正在创建一个简单的背景音乐,它只有一个按钮来播放和停止音乐。但我想为其添加淡入淡出。但不起作用。
My code:
var beepTwo = $("#musicBeat")[0];
beepTwo.play();
$("#dan").click(function() {
if (beepTwo.paused == false) {
beepTwo.pause();
} else {
beepTwo.play();
}
});
$beepTwo.animate({volume: newVolume}, 1000);
JSFiddle
I found $audio.animate({volume: newVolume}, 1000);
在另一篇文章中,但对我不起作用,或者也许我没有正确使用它。无论如何,我想在按下按钮时淡入和淡出。因此它会以 fadeIn 播放并以 fadeOut 停止。我怎样才能做到这一点?
您必须注意 HTMLAudioElement ($('#musicBeat')[0]
) 和 jQuery 对象 ($('#musicBeat')
).
play
是 HTMLAudioElement 的一种方法,因此您必须通过该方法访问它(就像您所做的那样),但是.animate
是一个 jQuery 方法,只能在 jQuery 对象上调用。
并且您必须指定 newVolume (不能将其留空)。
var beepTwo = $("#musicBeat");
beepTwo[0].play();
$("#dan").click(function() {
if (beepTwo[0].paused == false) {
beepTwo.animate({volume: 0}, 2000, 'swing', function() {
// really stop the music
beepTwo[0].pause();
});
} else {
beepTwo[0].play();
beepTwo.animate({volume: 1}, 2000);
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)