0
我有一个HTML5音频背景音乐播放器,其中有一个按钮用于播放和暂停。它具有动画效果,因此在播放或暂停时音乐会淡入或淡出。另外我的页面中有2个标签,其中有一个是YouTube视频。所以我希望按下下一张幻灯片的按钮时淡出背景音乐。当再次按下幻灯片的按钮(回到没有视频的第一张幻灯片)时,音乐淡入并播放。按下一个制表符按钮时如何暂停(播放)背景音乐
这是我的jQuery代码:
$('#go').on('click',function(evt){
var active = $('.accordion:visible');
var nextElement = active.next();
active.hide();
if(nextElement.hasClass("accordion")){
nextElement.fadeIn(1000);
}else{
$('.accordion:first').fadeIn(1000);
}
});
//Music player
var beepTwo = $("#musicBeat");
beepTwo[0].play();
$("#dan").click(function() {
if (beepTwo[0].paused == false) {
beepTwo[0].pause();
beepTwo.animate({volume: 0}, 2000, 'swing', function() {
// really stop the music
});
$(this).addClass("is-paused");
} else {
beepTwo[0].play();
beepTwo.animate({volume: 1}, 2000);
$(this).removeClass("is-paused");
}
});
感谢您的帮助。只有一个问题。当音乐已经静音,然后你点击下一个按钮,它仍然静音,它很好,但是然后你再次按下按钮回到第一张幻灯片,音乐开始。哪个不应该。因为在他们走到另一张幻灯片之前,它并没有弹奏。我正在考虑在变量中添加一个if条件,如果正在播放音乐并且下一个按钮被按下,或者它不在播放,并且该按钮正在按下,则为true。你有什么想法吗? – Daniel
那么,使用变量“静音”绝对是一个好方法。我认为具体的解决方案还取决于其他一些事情。用户是否应该能够使用YouTube视频取消静音和播放页面上的背景音乐? – croeck
没有。那不重要。唯一的问题是如果音乐已经静音了,所以在重新打开第一张幻灯片后不得播放。如果正在播放,则必须暂停播放幻灯片,并在播放幻灯片时再播放。 – Daniel