Quiero que se reproduzca un archivo de audio (mp3) cuando el usuario se desplaza sobre una imagen.

El código incluido no reproducirá el mp3 al pasar el mouse, hasta que haga clic en algún lugar de la página. Luego, pasar el cursor sobre la imagen funcionará. Me imagino que esto tiene algo que ver con la forma en que los navegadores manejan los archivos de audio en lugar del código.

Esto es un poco de diversión y un huevo de pascua en una página 404. Así que me preocupa menos la accesibilidad aquí, ya que está bien en este contexto.

Entonces mi pregunta es, ¿hay alguna solución para esto o necesito ejecutar el script de una manera diferente?

 var test = document.getElementById("test"); test.addEventListener("mouseover", function( event ) { var audio = document.getElementById("audio"); audio.play(); }, false);

 <img src="https://www.fillmurray.com/600/400" id="test" /> <audio id="audio" preload="auto" src="https://file-examples.com/storage/fe26085c7f62d2ca79a7a30/2017/11/file_example_MP3_700KB.mp3"></audio>