Tengo el script que reproduce audio, el problema con el siguiente script es que se reproduce cuando se suelta el clic del mouse.
<!doctype html> <html> <head> <title>Audio</title> </head> <body> <script> function play() { var audio = document.getElementById("audio"); audio.play(); } </script> <input type="button" value="PLAY" onclick="play()"> <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio> </body> </html> Quiero que el script anterior se reproduzca al hacer clic con el mouse (similar al active en CSS)
Cualquier ayuda sería apreciada. Gracias.
Escuche el evento mousedown en su lugar:
<!doctype html> <html> <head> <title>Audio</title> </head> <body> <script> function play() { var audio = document.getElementById("audio"); audio.play(); } </script> <input type="button" value="PLAY" onmousedown="play()"> <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio> </body> </html>