Después de demasiadas horas en YT y Google, estoy aquí. Gracias por tomarse el tiempo para leer y ayudar. :)
Estoy tratando de hacer que cuando el mouse pase sobre la imagen, un fragmento de audio se reproduzca automáticamente. He intentado algunas cosas diferentes, pero aquí es donde me detuve. Parece que no puede hacer que nada funcione.
fragmento de archivo HTML
<head> <link rel="stylesheet" href="./stylesheet.css"> <script type="text/javascript" src="./scripts.js"></script> ...other stuff etc etc <div class="deviruchi" data-tooltip="no touchy!"> <audio id="devi"> <source src="./sounds/deviruchi_idle.mp3"> <source src="./sounds/deviruchi_idle.ogg"> </audio> <img src="./images/deviruchi.gif"> </div>Archivo Javascript
let deviruchi = $("#devi")[0]; $(".deviruchi").onmouseenter(function () { deviruchi.play(); });¡Gracias de nuevo! :)
Probablemente porque estás usando jquery...(j/k, pero en realidad no)
Asegúrese de que los archivos de audio estén presentes en el servidor, compruebe si hay mensajes de error en las herramientas de desarrollo (javascript y red). Además, el usuario primero debe interactuar con la página web (hacer clic/enfocar, etc.) antes de que el navegador permita reproducir archivos multimedia.
hoverMe.addEventListener("mouseenter", e => { myAudio.play().catch(er => console.error(er.message, "Now, click here and try again")); }); hoverMe.addEventListener("mouseleave", e => { myAudio.pause(); }); <div id="hoverMe">Hover over here</div> <audio id="myAudio" src="https://sample-videos.com/audio/mp3/crowd-cheering.mp3"></audio>