2014-06-23 171 views
0

我有一位客户希望在学生参加测验时播放背景音乐。但是,测验要求某些音频文件通过onclick效果播放。当学生点击播放音频文件时,我的客户希望背景音乐静音,然后在点击音频文件完成后继续播放。在播放其他音频时制作音频静音

有没有办法做到这一点?下面是我用火小,的onclick音频效果代码:

var effect1 = document.createElement('audio'); 
effect1.setAttribute('src', 'audio.mp3'); 
$.get(); 
effect1.addEventListener("load", function() { 
    effect1.play(); 
}, true); 
$('.effect1').click(function() { 
    effect1.play(); 
}); 

,这里是我的背景音乐代码:

<audio autoplay loop> 
    <source src="background.mp3"> 
</audio> 

任何帮助表示赞赏。谢谢!

劳伦

+0

这是否有帮助? http://stackoverflow.com/a/9283709/3651800? –

+0

对不起,我只是注意到,你想要**静音**,而不是停止或暂停它,这样的链接可能没有用......这个怎么样? http://stackoverflow.com/a/10075999/3651800 –

回答

0

添加idaudio标签

<audio id="bgplayer"> 

,然后使用jQuery打点击

$('#playeffect').click(function() { 
    $('#bgplayer').pause(); 
    $('#effect1').play(); 

恢复前暂停它,你将需要添加听众被解雇end事件的剪辑

$('#effect1').on('ended', function() { 
    $('#bgplayer').play(); 
    });