Как при включении одного муз.файла выключать другой?

Question

[diana-staputov]

<div class="audio">
   <span>Название аудио</span>
   <audio controls src="/audio/v_lesu_-_rodilas_elochka.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>
<div class="audio">
   <span>Название аудио</span>
   <audio controls src="/audio/v_lesu_-_rodilas_elochka.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>
<div class="audio">
   <span>Название аудио</span>
   <audio controls src="/audio/v_lesu_-_rodilas_elochka.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>
<div class="audio">
   <span>Название аудио</span>
   <audio controls src="/audio/v_lesu_-_rodilas_elochka.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>

Answer 1

[Дмитрий Лузанов]

<div class="audio">
   <span>Название аудио</span>
   <audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>
<div class="audio">
   <span>Название аудио</span>
   <audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>
<div class="audio">
   <span>Название аудио</span>
   <audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>
<div class="audio">
   <span>Название аудио</span>
   <audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
      <p>Ваш браузер не поддерживает аудио</p>
   </audio>
</div>

const audioList = document.querySelectorAll('audio')
let currentAudio

Array.prototype.forEach.call(audioList, audio => {
  audio.addEventListener('play', e => {
		if (currentAudio) currentAudio.pause()
		currentAudio = e.target
	})
})

Comments

[diana-staputov]

спасибо!)

Answer 2

[Stalker_RED]

Как-то так:

let last = {};
document.querySelectorAll('audio').forEach(function(el){
  el.addEventListener('playing', function(){
    if (last.pause && last !== this)
      last.pause()
    last = this
  }); 
})

https://jsfiddle.net/2Lyfq508/

P.S.: это на каких-то курсах практическое задание выдают?
Как остановить текущую аудиозапись при включении другой?