Skip to main content
se añadieron 12 caracteres en el cuerpo
Origen Enlace
ASASCED
  • 1.2k
  • 1
  • 10
  • 30

En esta funcion lo unico que tienes que hacer es copiarla directamente a cualquier archivo js y linkearlo con tu html con una etiqueta script o simplemente agregar este codigo dentro de la etiqueta script. El play apunta a la funcion ejecutada por tu html de los controles de audio y el audio a la etiqueta.

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) {
        audios[i].pause();
      }
    }
  },
  true
);

Con JQuery tendrias que hacerlo de la siguiente forma pero en lo personal no lo recomiendo.

allAudioEls =etiquetasAudio= $('audio');

function pauseAllAudiopausarTodosLosAudios() {
   allAudioElsetiquetasAudio.each(function() {
      var a = $(this).get(0);
      a.pause();
   });
}

Si no te funcione intenta agregar los audio de la siguiente forma y usa exactamente esa misma funcion.

<audio src="audio.mp3" controls></audio>

En esta funcion lo unico que tienes que hacer es copiarla directamente a cualquier archivo js y linkearlo con tu html con una etiqueta script o simplemente agregar este codigo dentro de la etiqueta script. El play apunta a la funcion ejecutada por tu html de los controles de audio y el audio a la etiqueta.

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) {
        audios[i].pause();
      }
    }
  },
  true
);

Con JQuery tendrias que hacerlo de la siguiente forma pero en lo personal no lo recomiendo.

allAudioEls = $('audio');

function pauseAllAudio() {
   allAudioEls.each(function() {
      var a = $(this).get(0);
      a.pause();
   });
}

Si no te funcione intenta agregar los audio de la siguiente forma y usa exactamente esa misma funcion.

<audio src="audio.mp3" controls></audio>

En esta funcion lo unico que tienes que hacer es copiarla directamente a cualquier archivo js y linkearlo con tu html con una etiqueta script o simplemente agregar este codigo dentro de la etiqueta script. El play apunta a la funcion ejecutada por tu html de los controles de audio y el audio a la etiqueta.

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) {
        audios[i].pause();
      }
    }
  },
  true
);

Con JQuery tendrias que hacerlo de la siguiente forma pero en lo personal no lo recomiendo.

etiquetasAudio= $('audio');

function pausarTodosLosAudios() {
   etiquetasAudio.each(function() {
      var a = $(this).get(0);
      a.pause();
   });
}

Si no te funcione intenta agregar los audio de la siguiente forma y usa exactamente esa misma funcion.

<audio src="audio.mp3" controls></audio>
Origen Enlace
ASASCED
  • 1.2k
  • 1
  • 10
  • 30

En esta funcion lo unico que tienes que hacer es copiarla directamente a cualquier archivo js y linkearlo con tu html con una etiqueta script o simplemente agregar este codigo dentro de la etiqueta script. El play apunta a la funcion ejecutada por tu html de los controles de audio y el audio a la etiqueta.

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) {
        audios[i].pause();
      }
    }
  },
  true
);

Con JQuery tendrias que hacerlo de la siguiente forma pero en lo personal no lo recomiendo.

allAudioEls = $('audio');

function pauseAllAudio() {
   allAudioEls.each(function() {
      var a = $(this).get(0);
      a.pause();
   });
}

Si no te funcione intenta agregar los audio de la siguiente forma y usa exactamente esa misma funcion.

<audio src="audio.mp3" controls></audio>