Как убрать воспроизведение нескольких аудио в html?

Question

[Vinovat]

Как можно убрать воспроизведение одновременно нескольких аудио в html
Примерный код:

<Audio src="music.mp3"></audio>
<Audio src="music2.mp3"></audio>

Answer 1

[Иван]

Как-то так?
Когда запускаем одно аудио, мы отключаем остальные, кроме текущего

<audio id="audio1" src="music.mp3"></audio>
<audio id="audio2" src="music2.mp3"></audio>

const audioElements = Array.from(document.getElementsByTagName('audio'));

  const stopOtherAudio = (currentAudio) => {
    audioElements.forEach((audio) => {
      if (audio !== currentAudio) {
        audio.pause();
        audio.currentTime = 0;
      }
    });
  };

  audioElements.forEach((audio) => {
    audio.addEventListener('play', () => stopOtherAudio(audio));
  });

Comments

[Vinovat]

Спасибо выручили)