HTML | DOM 音频暂停属性

在 HTML 中，可以通过 <audio> 元素嵌入音频文件。音频可以通过 JavaScript 控制进行播放，暂停和停止等操作。其中暂停操作可以通过 DOM 属性 complete 进行控制。本文将阐述音频暂停属性的用法，并给出代码示例。

complete 属性用法

complete 属性是 <audio> 元素的一个布尔值属性。如果此属性为 true，则表示音频已经播放完成，可以进行重新播放；否则表示音频正在播放或已经暂停。complete 属性可以通过以下方式获取：

var myAudio = document.getElementById("myAudio");
var isComplete = myAudio.ended;

其中，myAudio 代表 <audio> 元素的 id 属性值，isComplete 变量会返回 complete 属性的值。

complete 属性的值可以被设置为 true 或 false，以模拟音频播放完成的状态，例如：

var myAudio = document.getElementById("myAudio");

// 模拟播放完成
myAudio.currentTime = myAudio.duration;
myAudio.pause();
myAudio.ended = true;

// 模拟播放未完成
myAudio.play();
myAudio.ended = false;

示例代码

以下是一个包含音频暂停属性的 HTML 示例代码，其中包含一个嵌入式音频文件，以及两个按钮，分别用于开始和暂停音频播放。点击“开始”按钮，音频会开始播放；点击“暂停”按钮，音频会暂停，在此情况下点击“开始”按钮，音频将从上一次暂停位置开始播放。

<audio id="myAudio" src="sample.mp3"></audio>
<button onclick="document.getElementById('myAudio').play()">开始</button>
<button onclick="document.getElementById('myAudio').pause()">暂停</button>

<script>
var audio = document.getElementById("myAudio");

audio.onended = function() {
  audio.ended = true;
  console.log("Audio playback complete.");
};
</script>

总结

本文介绍了在 HTML 中使用音频暂停属性的方法，并提供了示例代码进行演示。使用 complete 属性，可以实现对音频播放状态的监测和控制，为音频应用程序的实现提供了支持。