如何监听html5 audio音频是否播放完毕

如何监听html5 audio音频是否播放完毕,第1张

<div class="voice">

    <audio><source src="地址" type="audio/aac" /></audio>

</div> $(document).on('click','.voice', function() {

$(this).addClass('voice1')

$(this).find('audio').get(0).play()

$(this).find('audio').bind('ended',function () {   

$('.voice').removeClass('voice1')

})

})

这是一个点击播放后,加上一个动画样式,监听到播放完成后,去掉动画样式的例子。。

这个可以检测 videoWidth 和 videoHeight 这两个属性是否等于自己创建的的属性,不等于则是全屏。

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

简要介绍

jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的J&oumlrn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

由于目前高校基本尚未开JavaScript的相关课程,目前jQuery的学习,使用,研究都仅限于在职Web程序员之间。

事件机制

我们大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写 "fn()",使用jquery可以使javascrīpt代码与html代码分离,保持HTML的清洁,还可以很轻松地绑定事件,甚至你可以不知道“事件”这个名词。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6097672.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存