2011-10-04 90 views
3

我正在處理html5音頻標記,並通過jquery我想觸發一首歌曲完成時的事件。 Jquery有可能嗎?如何找到音頻暫停或完成在jquery,Html5音頻

jQuery代碼是:

 $(document).ready(function(){ 

var music = new Audio("sample.mp3"); 
$('#play').click(function(){ 
    music.play(); 
}); 

$('#pause').click(function(){ 
music.pause(); 
}); 

     }); 

HTML5是:

<input type="button" value="Play" id="play" /> 
<input type="button" value="Pause" id=pause" /> 
+0

相關:需要在結束視頻觸發事件](http://stackoverflow.com/問題/ 7588921/7588975#7588975) –

回答

14

使用HTML 5 onended事件處理

<audio src="sample.mp3" onended="yourFunction()"></audio> 

jQuery的綁定結束事件處理

$(music).bind("ended", function(){ ... }); 
+0

感謝回覆實際上我想通過jquery觸發它如何可能與jQuery的? – danny

+0

對於jQuery綁定結束事件處理程序。就像'$(music).bind(「ended」,function(){...});' –

+0

@danny您使用的瀏覽器是什麼? –

3
.bind("ended", function(){ }); 

或者

music.addEventListener("ended", function() { }); 
+0

感謝您的回覆,但不能正常工作。我不知道什麼是錯的,我用過music.bind(「ended,function(){}); – danny

+0

嘗試addEventListener(看我編輯的答案) – DaveHogan

+0

music.addEventListener(」ended「,function(){}); – danny

0
<audio class="ah-audio-player" preload="auto"> 
    <source type="audio/mpeg" src="sound.mp3"> 
</audio> 

-

var audio_player = $('.ah-audio-player'); 
audio_player.on('ended', function() { 
    alert('end'); 
}); 
+0

請詳細說明此答案*回答*發佈的問題 – AGE