el problema parece simple pero no puedo encontrar una solución. Tengo múltiples elementos de audio en un archivo html. la primera misión fue pausar otra cuando se hace clic en una nueva. así que eso fue logrado por este código:
var current_active_audio_element = ""; document.addEventListener('play', function (e) { var audios = document.getElementsByTagName('audio'); for (var i = 0, len = audios.length; i < len; i++) { if (audios[i] != e.target) { current_active_audio_element = e.target; audios[i].pause(); } } }, true);y el código anterior funciona bien. el siguiente objetivo era hacer una alerta o salida de consola cuando un elemento de audio estaba en pausa. Solo quiero que solo se haga clic en el elemento, no en los que se detuvieron mediante programación en el bucle if en el fragmento de arriba . Algo como esto:
document.addEventListener('pause', function (e) { var audios = document.getElementsByTagName('audio'); //console.log("CLICKED ITEM"); }, true);mi código html es simple y es así:
<h3>Khaled</h3> <audio controls id="Khaled" "> <source src="Khaled.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <h3>Radio 2</h3> <audio controls id="Radio2"> <source src="Radio2.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>