2014-06-23 202 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(); 
    });