确定何时使用jQuery暂停HTML5音频或完成跟踪 [英] Determine when HTML5 audio is paused or track is finished using jQuery

查看:75
本文介绍了确定何时使用jQuery暂停HTML5音频或完成跟踪的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在处理HTML5音频标签,我想在歌曲结束后触发一个事件. jQuery有可能吗?

I am working on an HTML5 audio tag and I want to trigger an event when the song is finished. Is this possible with jQuery?

我的jQuery代码是:

My jQuery code is:

      $(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" />

推荐答案

使用HTML 5 onended 事件处理程序

Use HTML 5 onended event handler

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

对于jQuery绑定已结束事件处理程序

For jQuery bind ended event handler

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

这篇关于确定何时使用jQuery暂停HTML5音频或完成跟踪的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆