reproducir sonido al pasar sobre una imagen

:ohk<any> · 26 Junio 2010, 15:27 PM

Cita de: Nakp en 27 Febrero 2010, 20:31 PM
flash $:-\$

Nakp · 26 Junio 2010, 17:52 PM

el tema es de febrero :¬¬ pero lo he dejado seguir porque me ha picado saber si alguien propondría html5 que, desde hace unos meses es mas real que una ilusion como entonces

todavia es un poco dificil por el soporte a distintos formatos

la idea es embeder un audio done sea, con preload=true y a tu elemento le agregas el evento onmouseover -> audiodefondo.

esto es con video

pero te servira de guia

http://ajaxian.com/archives/html5-media-support-video-and-audio-tags-and-scriptability/

16BITBoy · 26 Junio 2010, 19:39 PM

Cierto lo de HTML5. Yo estuve jugando un poco con ello, pero no tiene historia por ahora, lo unico que no se ponen de acuerdo los navegadores, o el estandar aun sigue en borrador, en cuanto a los formatos soportados.

Código (html) [Seleccionar]


<html>
  <head>
    <title>Audio Player</title>
  <script>
  </script>
  </head>
  <body>
    <audio id="audioTestElem" src="13B.T.mp3" autobuffer >
    </audio>
    <div id="pp" style="width: 10px; height: 10px; background-color: #FF0000" onclick="audioTestElem.play()"></div>
    <div id="pp" style="width: 10px; height: 10px; background-color: #FF00FF" onclick="audioTestElem.pause()"></div>
  </body>
</html>

Esto con mp3 solo funciona en chrome hasta donde he probado, pero me imagino que con wav deberia ir en todos, y para lo que quiere seia sustituir el "onclick" por onmouseover.

Test Foro de elhacker.net SMF 2.1

reproducir sonido al pasar sobre una imagen

:ohk<any>

Nakp

16BITBoy