确定何时HTML5音频暂停或曲目使用jQuery结束

问题描述 投票:3回答:3

我工作的HTML5音频标签,我希望当歌曲结束触发一个事件。这可能与jQuery的?

我的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" />
jquery html5 audio
3个回答
14
投票

使用HTML 5 onended事件处理程序

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

jQuery的绑定结束的事件处理程序

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

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

要么

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

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');
});
© www.soinside.com 2019 - 2024. All rights reserved.