2011-10-04 230 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