HTML HTML5音频停止功能

在本文中，我们将介绍HTML中HTML5音频停止功能的使用方法和示例。

阅读更多：HTML 教程

什么是HTML5音频停止功能

HTML5引入了新的<audio>元素，用于在网页中播放音频。通过使用HTML5音频元素，我们可以在网页上实现音频的播放、暂停和停止等功能。其中，停止功能可以用来停止当前正在播放的音频。

HTML5音频元素播放、暂停和停止示例

以下是一个示例，展示了如何使用HTML5音频元素实现播放、暂停和停止功能。

<!DOCTYPE html>
<html>
<body>

<audio id="myAudio" controls>
  <source src="mymusic.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<button onclick="playAudio()">播放</button>
<button onclick="pauseAudio()">暂停</button>
<button onclick="stopAudio()">停止</button>

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

function playAudio() {
  audio.play();
}

function pauseAudio() {
  audio.pause();
}

function stopAudio() {
  audio.pause();
  audio.currentTime = 0;
}
</script>

</body>
</html>

在上面的示例中，<audio>元素被赋予了id属性myAudio，并使用了controls属性，使得浏览器能够显示音频的控制面板。

下面是示例中使用的 JavaScript 代码：

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

function playAudio() {
  audio.play();
}

function pauseAudio() {
  audio.pause();
}

function stopAudio() {
  audio.pause();
  audio.currentTime = 0;
}

在这段代码中，我们使用getElementById()方法获取id为myAudio的元素，并将其赋值给变量audio。然后，我们定义了三个函数playAudio()、pauseAudio()和stopAudio()，分别用来播放、暂停和停止音频。

在stopAudio()函数中，我们调用pause()方法暂停音频的播放，并将currentTime属性设置为0，使音频回到起始位置。

通过在HTML中绑定这些按钮的点击事件到对应的JavaScript函数，我们就可以实现点击按钮时对音频的操作。