HTML | DOM 音频 load() 方法

简介

load() 方法是 HTML DOM 音频对象的方法之一，用于加载音频。当调用该方法时，浏览器将开始从服务器下载指定的音频文件，该方法会在音频完全被下载之后运行。在执行 load() 方法之前，必须先设置音频文件的 src 属性。

语法

audioObject.load()

参数

该方法不接受任何参数。

返回值

该方法没有返回值。

示例

以下是一个使用 load() 方法的示例：

<audio src="audio.mp3" id="myAudio"></audio>
<button onclick="loadAudio()">加载音频</button>

<script>
  function loadAudio() {
    var audio = document.getElementById("myAudio");
    audio.load();
  }
</script>

点击按钮后，浏览器将开始下载音频文件，并在下载完成后播放该音频。需要注意的是，如果该音频已经被下载过，再次调用 load() 方法将不会有任何效果。

注意事项

• 必须在音频文件的 src 属性被设置之后才能调用 load() 方法。

• 调用 load() 方法并不一定意味着音频文件已经被完全下载完毕，因此需要在 canplaythrough 事件被触发时才能确保音频文件已经完全下载完成。可以使用以下代码进行检测：

  audio.addEventListener('canplaythrough', function() {
    // 在此处进行操作
  });
  

• 如果音频文件已经被下载过，再次调用 load() 方法将不会有任何效果。如果需要重新加载音频文件，可以先将音频的 src 属性设置为一个空字符串，再将其重新设置为音频文件的 URL，例如：

  audio.src = "";
  audio.src = "new-audio.mp3";
  audio.load();
  

结论

load() 方法是 HTML DOM 音频对象的方法之一，用于加载音频文件。需要在音频文件的 src 属性被设置之后才能调用该方法，并且在 canplaythrough 事件被触发时才能确保音频文件已经完全下载完成。如果需要重新加载音频文件，可以先将音频的 src 属性设置为一个空字符串，再将其重新设置为音频文件的 URL，然后再调用 load() 方法。