Question

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

Answer 1

下面是一个监听播放完成的例子，点击播放后，加载一具样式，结果后，自动加载另外一个样式，

就相当于说，点播放加载一个暂停或者结束的图标，播放完成就加载一个播放的图标。。

HTML代码：

html5代码：
<div class="voice">
<audio><source src="地址" type="audio/aac" />
</audio>
</div>

JS

$(document).on('click','.voice', function() {
$(this).addClass('voice1');$(this).find('audio').get(0).play();
$(this).find('audio').bind('ended',function () {   
$('.voice').removeClass('voice1');
});
});