如何按顺序排列一系列声音HTML5 <audio>声音片段？

 <source id="sound1" src="sound1.mp3" type="audio/mpeg">
 <source id="sound2" src="sound2.mp3" type="audio/mpeg">
 <source id="sound3" src="sound3.mp3" type="audio/mpeg">
</audio>

const soundOrder = ['sound1', 'sound2', 'sound3'];

function playSoundsInOrder() {
  let currentSoundIndex = 0;

  function playNextSound() {
    if (currentSoundIndex< soundOrder.length) {
      const currentSoundId = soundOrder[currentSoundIndex];
      const audioPlayer = document.getElementById('audioPlayer');
      const currentSound = document.getElementById(currentSoundId);
      audioPlayer.src = currentSound.src;
      audioPlayer.play();
      currentSoundIndex++;
    }
  }

  playNextSound();
  audioPlayer.addEventListener('ended', playNextSound);
}

playSoundsInOrder();