Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: TheEGG 89 en 26 Septiembre 2012, 05:48 am


Título: ¿Sónido a un Menú CSS?
Publicado por: TheEGG 89 en 26 Septiembre 2012, 05:48 am
La pregunta es bien sencilla (espero que su respuesta también :P )
¿le puedo agregar un sonido a un menú desplegable hecho con CSS?, es decir: al pasar el mouse por encima :P

Es lo que me falta para finalizar mi website!!

:-D

Título: Re: ¿Sónido a un Menú CSS?
Publicado por: jdc en 26 Septiembre 2012, 10:17 am
Quizás con html5, css3 y un poquito de javascript

Título: Re: ¿Sónido a un Menú CSS?
Publicado por: #!drvy en 26 Septiembre 2012, 18:10 pm
Poner sonido en una web no es tan facil como pinta.
Tienes un montón de tags que lo hacen... <source>, <audio>, <embed>, <object>... pero los navegadores tienen sus propios codecs y cada uno hace lo que le de la gana....

Un ejemplo:

Código
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Prueba</title>
  5. <script type="text/javascript">
  6. function hsonido(){
  7.    // Obtenemos el objeto mediante Id.
  8.    var elementoSonido=document.getElementById('sonido');
  9.    // Pausamos no tiene stop -.-
  10.    elementoSonido.pause();
  11.    // Ponemos desde el principio
  12.    elementoSonido.currentTime = 0;
  13.    // Iniciamos
  14.    elementoSonido.play();
  15. }
  17. </head>
  19.    <!-- Elemento de audio con display:none; para que no se muestre para nada. -->
  20.    <audio style="display:none;"  id="sonido" src="sonido.wav" preload="auto" autobuffer></audio>
  21.    <!-- No creo que haya necesidad de explicarlo -->
  22.    <a href="" onmouseover="hsonido();">Menu 1</a>
  23.    <br />
  24.    <a href="" onmouseover="hsonido();">Menu 2</a>
  25. </body>
  26. </html>

PD: El tag audio es puro HTML5... así que olvídate de que funcione con IE7 o IE8 sin complementos ni js adicional.
PD2: Con jQuery seria mucho mas fácil =P

Saludos

Título: Re: ¿Sónido a un Menú CSS?
Publicado por: EFEX en 26 Septiembre 2012, 18:34 pm
Es lo mismo en jquery, solo cambia la sintaxis de js.

Título: Re: ¿Sónido a un Menú CSS?
Publicado por: #!drvy en 26 Septiembre 2012, 19:12 pm
Lo decía por los plugins que se encargarían de mostrar las etiquetas adecuadas para las diferentes versiones de los navegadores =)


Saludos

Título: Re: ¿Sónido a un Menú CSS?
Publicado por: TheEGG 89 en 27 Septiembre 2012, 07:00 am
La idea es que funcioens en Mozilla firefox y en Google Chrome.

Podría hacer la maquetación del sitio con Css y el menú (con sonidos) en JQuery??

Título: Re: ¿Sónido a un Menú CSS?
Publicado por: #!drvy en 27 Septiembre 2012, 07:33 am
Claro =)


Saludos


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines