Tengo una aplicación web Vanilla JS que reproduce un sonido en reacción a un determinado evento, y al presionar un botón se detiene el sonido. Todo eso funciona bien.
Sin embargo, recientemente comencé a usar un botón de reproducción/pausa de medios dedicado en mi mouse y noté que este botón reanuda la reproducción del último sonido en esa pestaña, incluso después de que ya se haya cancelado.
¿Puedo prevenir esto de alguna manera? Para detenerme, actualmente estoy usando la solución estándar mencionada en esta respuesta :
sound.pause(); sound.currentTime = 0;Esto está en Firefox en Windows 10.
Pensé en hacer preventDefault en el evento clave ya que no hay motivo para reproducir/pausar estos sonidos (de alarma) como si fueran pistas multimedia. Pero la investigación básica sugiere que este evento es manejado por el navegador y no está disponible para JS.
Que yo sepa, este comportamiento no se especifica en ninguna parte. Los navegadores actuales de alguna manera intentan "hacer lo correcto" cuando el usuario presiona un botón de hardware para alternar el sonido.
Hay un estándar de sesión de medios que permite personalizar la experiencia, pero si no se usa, los navegadores intentan buscar elementos de medios activos en la página para aplicar los eventos.
Al menos que yo sepa, la Web Audio API hasta ahora no está conectada a ninguna clave de hardware. Si sus archivos son razonablemente pequeños, podría tener sentido usar un AudioBufferSourceNode en lugar de un elemento de audio.
De todos modos, una solución rápida que parece funcionar en Firefox y Chrome es establecer la currentTime en la duration en lugar de establecerla en cero.
sound.pause(); sound.currentTime = sound.duration;