HTML | DOM 音频预加载属性

HTML | DOM 音频预加载属性允许您控制音频的预加载方式。在用户播放音频之前预加载音频可以提高播放速度和用户体验。

preload属性

preload 属性定义了是否预加载音频。

有以下三个有效值：

• "auto"：浏览器应该在页面加载完成后立即开始预加载音频（默认）。
• "metadata"：浏览器只预加载音频元数据。
• "none"：浏览器不应该预加载音频。

<audio controls preload="auto">
  <source src="audio.mp3" type="audio/mpeg">
</audio>

autoplay属性

autoplay 属性定义了音频是否应在页面加载后自动播放。

<audio controls preload="auto" autoplay>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

loop属性

loop 属性定义了音频是否应在结束时重新开始播放。

<audio controls preload="auto" autoplay loop>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

muted属性

muted 属性定义了音频是否应该被静音。

<audio controls preload="auto" autoplay loop muted>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

预加载音频通过JavaScript

我们可以使用 JavaScript 预加载音频文件。以下是示例代码：

<audio id="myAudio" controls>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

<button onclick="playAudio()">播放</button>

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

  function playAudio() {
    audio.play();
  }
</script>

此代码使用 JavaScript 预加载音频文件，然后在按钮点击时播放。

总结

HTML | DOM 音频预加载属性可用于：

• 定义是否预加载音频
• 定义音频是否应在页面加载后自动播放
• 定义音频是否应在结束时重新开始播放
• 定义音频是否应在播放时被静音

可通过 HTML 或 JavaScript 进行设置。