jQuery Audio 一般用于嵌入音频文件到HTML页面中。当音频文件播放到最后一帧时,我们可以使用onended
事件。这个事件会在音频结束时被触发,从而可以进行后续操作。
下面是一个简单的演示,当音频结束时弹出一个提示框:
<audio src="music.mp3" id="my-audio"></audio>
<script>
$('#my-audio').on('ended', function() {
alert('音频播放结束!');
});
</script>
首先我们创建一个audio
标签,并添加音乐文件路径。然后我们使用 jQuery 选择器来选中这个标签,接着使用on
方法绑定ended
事件。当事件被触发时,就会弹出一个提示框。
除了弹出提示框,我们还可以在onended
事件中执行其他动作,例如重新播放音频、关闭音频控制器等等。这个事件的用途非常广泛,可以根据具体场景进行灵活使用。