Mi código reproduce un audio cuando se hace clic en el botón, pero no se detiene cuando lo vuelvo a hacer clic.
Quiero usar el mismo botón para reproducir y pausar el audio usando js.
const rollSound = new Audio ("sounds/short-guided-meditation.ogg"); document.getElementById('play').addEventListener("click", e => rollSound.play());Cualquier ayuda sería muy apreciada.
Editar: todavía necesito una respuesta. Por favor comparta su conocimiento.
Como se describe en la documentación de MDN HTMLMediaElement , puede verificar si el elemento multimedia está en .paused y decidir si desea play() o stop() . Algo como esto:
document.getElementById('play').addEventListener("click", e => rollSound.paused ? rollSound.play() : rollSound.pause());Ejemplo de fragmento:
const rollSound = document.getElementById('rollSound'); const btn = document.getElementById('play'); btn.addEventListener("click", e => rollSound.paused ? rollSound.play() : rollSound.pause()); <audio id=rollSound loop> <source src="https://actions.google.com/sounds/v1/alarms/digital_watch_alarm_long.ogg" type="audio/ogg"> </audio> <button id=play>play/stop</button>