如何通过一个异步调用将多个音频文件加载到web音频API上下文中？

// 创建音频上下文
const audioContext = new AudioContext();

// 存储加载的音频文件
const audioBuffers = [];

// 加载音频文件的函数
function loadAudio(url) {
  return new Promise((resolve, reject) => {
    // 异步请求音频文件
    const request = new XMLHttpRequest();
    request.open('GET', url, true);
    request.responseType = 'arraybuffer';

    request.onload = () => {
      // 解码音频数据为AudioBuffer对象
      audioContext.decodeAudioData(request.response, (buffer) => {
        // 存储解码后的音频数据
        audioBuffers.push(buffer);
        resolve();
      }, reject);
    };

    request.onerror = reject;

    request.send();
  });
}

// 加载多个音频文件
async function loadMultipleAudioFiles(urls) {
  try {
    // 使用Promise.all等待所有音频文件加载完成
    await Promise.all(urls.map(url => loadAudio(url)));
    console.log('音频文件加载完成');
    // 可以在这里进行进一步的音频处理或播放操作
  } catch (error) {
    console.error('音频文件加载失败', error);
  }
}

// 调用加载多个音频文件的函数
loadMultipleAudioFiles(['audio1.mp3', 'audio2.mp3', 'audio3.mp3']);