如何判断音频是否加载完成

要判断音频是否加载完成，可以使用以下方法：

1. 监听音频的load事件。当音频成功加载时，浏览器会触发load事件。可以在load事件处理函数中添加相应的代码来判断音频是否加载完成。

var audio = new Audio();
audio.src = 'audio.mp3';
audio.addEventListener('load', function() {
  console.log('音频加载完成');
});

2. 监听音频的canplaythrough事件。canplaythrough事件在音频可以完整播放时会触发。可以在canplaythrough事件处理函数中添加相应的代码来判断音频是否加载完成。

var audio = new Audio();
audio.src = 'audio.mp3';
audio.addEventListener('canplaythrough', function() {
  console.log('音频加载完成');
});

3. 使用HTML5的audio元素的readyState属性。readyState属性返回音频的当前状态，其中，值为4表示音频已经加载完成。可以定时检查readyState属性的值，以判断音频是否加载完成。

var audio = new Audio();
audio.src = 'audio.mp3';
var checkAudioLoaded = setInterval(function() {
  if (audio.readyState === 4) {
    console.log('音频加载完成');
    clearInterval(checkAudioLoaded);
  }
}, 100);