Tengo una aplicación web cuando hago clic en la imagen del artista que reproduce archivos de audio. Soy bastante nuevo en esto. Encontré algunas soluciones en Internet, pero no pude hacerlo. Quiero pausar la reproducción de audio actual cuando comience otro audio, pero continúa reproduciéndose en segundo plano, pero lo que quiero es pausar y continuar reproduciendo desde ese punto en adelante. Hasta ahora, no pude hacer ese cambio.
function switchCase(key){ switch (key) { case 'mozart-img': var audio = new Audio("sounds/mozart.mp3") audio.play(); break; case 'beethoven-img': var audio = new Audio("sounds/beethoven.mp3") audio.play(); break; case 'chopin-img': var audio = new Audio("sounds/chopin.mp3") audio.play(); break; case 'schumann-img': var audio = new Audio("sounds/schumann.mp3") audio.play(); break; default: break; } }Usando un IIFE aquí para que no se requieran globales (aparte de la función switchCase que ya tiene de todos modos)
const switchCase = (function() { let playing; function stop() { if (playing) { playing.removeEventListener('ended', stop); //* playing.pause(); playing = null; } } return function (key){ stop(); switch (key) { case 'mozart-img': playing = new Audio("sounds/mozart.mp3"); break; case 'beethoven-img': playing = new Audio("sounds/beethoven.mp3"); break; case 'chopin-img': playing = new Audio("sounds/chopin.mp3"); break; case 'schumann-img': playing = new Audio("sounds/schumann.mp3"); break; default: break; } playing.play(); playing.addEventListener('ended', stop); //* }; })();Por lo tanto, la reproducción retiene el objeto de audio que se está reproduciendo actualmente; antes de crear uno nuevo, simplemente detenga el que se está reproduciendo actualmente (si existe)
Se agregó el controlador de eventos "terminado": probablemente sea excesivo, pero simplemente elimine las líneas con addEventListener y removeEventListener (marcado con //*) para deshacerse del manejo de eventos probablemente redundante