📜  HTML | DOM 音频结束属性(1)

📅  最后修改于: 2023-12-03 15:31:14.908000             🧑  作者: Mango

HTML | DOM 音频结束属性

在HTML中,<audio>元素用于嵌入音频文件。其中有一个音频结束属性可用于指定当音频播放完毕后发生的动作。

属性

<audio>元素可用以下属性:

  • autoplay: 当这个属性设为true时,音频会在页面加载时自动开始播放。
  • controls: 当这个属性设为true时,会在音频下面显示默认控制条。
  • loop: 当这个属性设为true时,音频会循环播放。
  • src: 指定音频文件的URL。

除此之外,<audio>元素还有一个onended属性,用于指定当音频播放结束后执行的JavaScript函数:

<audio onended="myFunction()" src="audio.mp3"></audio>
JavaScript

在JavaScript中,我们可以通过DOM访问音频元素,并设置其onended属性:

var audio = document.getElementById("myAudio");
audio.onended = function() {
  alert("音频播放完毕");
};
结论

音频结束属性可以让我们在音频播放完成后执行自定义的JavaScript功能,例如显示消息或播放另一个音频文件。在实际开发中,我们可以利用它来实现更丰富的音频功能。