Foros del Web » Creando para Internet » HTML »

reproducir sonido al clickear

Estas en el tema de reproducir sonido al clickear en el foro de HTML en Foros del Web. Hola a todos. Desearia conocer algun codigo html o javascript para que cuando haga click en una imagen o texto se reproduzca un sonido. Gracias ...
  #1 (permalink)  
Antiguo 30/07/2002, 12:01
 
Fecha de Ingreso: julio-2002
Mensajes: 8
Antigüedad: 15 años, 5 meses
Puntos: 0
reproducir sonido al clickear

Hola a todos. Desearia conocer algun codigo html o javascript para que cuando haga click en una imagen o texto se reproduzca un sonido.
Gracias y saludos
  #2 (permalink)  
Antiguo 30/07/2002, 12:29
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: reproducir sonido al clickear

Hola annamarc:

Lo que yo hago es:
creo una etiqueta sin usar: <div id=fantasma ></div>

y en la parte de script's pongo esto:

var sones = [// distintas risas
"risas/CHIPLAFF.au",
"risas/COMIC1.au",
"risas/COMIC2.au",
"risas/HILARIOU.au",
"risas/MALEHARD.au",
"risas/SNORTY.au",
"risas/WLAUGH.au"
];

function sonar() {
var sonido = Math.round(Math.random() * (sones.length - 1));
document.getElementById("fantasma").inne rHTML = "<embed src=" + sones[sonido] + " hidden=true >";
}

puedes ver el funcionamiento en el enlace: <a href='ir.asp?http://perso.wanadoo.es/sucaricatura/index.html' target='_blank'>http://perso.wanadoo.es/sucaricatura/ind...</a> (hay que pinchar en cualquier imagen)

Saludos
  #3 (permalink)  
Antiguo 01/08/2002, 09:21
 
Fecha de Ingreso: julio-2002
Mensajes: 8
Antigüedad: 15 años, 5 meses
Puntos: 0
Re: reproducir sonido al clickear

Primero de todo, muy buena la web, muy divertida.
No alcanzo a entender lo que me comentas, mi nivel aún es muy bajo.De todas maneras, no quiero que se me abra ningun enlace ni pagina, solo que al hacer click, se escuche un archivo pequeño de sonido.
En la entrada de la web que estoy haciendo, con BG SOUND ya se escucha, pero eso de escucharse solo cuando haces click, no lo puedo solucionar.
Gracias
  #4 (permalink)  
Antiguo 01/08/2002, 12:48
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: reproducir sonido al clickear

Hola otra vez:

Lo que te puse es la parte que sirve para hacer lo que pides, si bien en el enlace que te dí, a la vez abre un pop-up, eso no lo puse... Paso axplicarte mejor:

En la página hay una etiqueta que no tiene contenido: &lt;div id=fantasma&gt;&lt;/div&gt;
... hay que ponerle un id (en este caso &quot;fantasma&quot;) para poder identificarlo.

el script &quot;sonar&quot; genera en un principio una cadena con el nombre de un fichero de sonidos (que en este caso son distintas risas), pero para el caso de un fichero concreto puedes usar el nombre directamente de esta manera:
function sonar(){
document.getElementById(&quot;fantasma&quot;).inne rHTML = &quot;&lt;embed src='sonido.mp3' hidden=true &gt;
}

sonar es una función que escribe en la etiqueta &quot;fantasma&quot; una cadena que a la vez es otra etiqueta.
La etiqueta embed es similar a bgsound pero funciona en todos los navegadores... hay que poner src=nombre_de_fichero y ya está.

Por último debes poner en el sitio que quieres usar de enlace: onclick=sonar(), o con &quot;a&quot;
&lt;a href:&quot;javascript:sonar()&quot;&gt;sonido&lt;/a&gt;

Intenta probarlo y luego me dices si te va...
Si tienes problemas, pon el código para verlo.

Saludos
  #5 (permalink)  
Antiguo 04/08/2002, 18:18
 
Fecha de Ingreso: julio-2002
Mensajes: 8
Antigüedad: 15 años, 5 meses
Puntos: 0
Re: reproducir sonido al clickear

Hola caricatos, gracias por tu interes y por tu dedicación. Ya me tendras como un inepto de la programación , pero lo he intentado todo y no funciona. Hasta ahora todos los obstaculos los he ido salvando, pero este..... no hay manera. Esto es lo que pongo:
Dentro de heat:

&lt;script&gt;
&lt;!--
function sonar(){
document.getElementById(&quot;fantasma&quot;).inne rHTML= &quot;&lt;embed src=&quot;vg2-12.mp3&quot;hidden=true&gt;&quot;
}
//--&gt;
&lt;/script&gt;


Y en donde va el boton con sonido:
&lt;td&gt;&lt;a href=&quot;javascript:sonar();&quot;&gt;&lt;img src=&quot;/moume/encesdon.jpg&quot; border=0 width=110 height=28&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;

Y antes de &lt;/body&gt;:

&lt;div id=fantasma&gt;&lt;/div&gt;


Que hago mal????
Gracias
  #6 (permalink)  
Antiguo 05/08/2002, 12:07
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: reproducir sonido al clickear

Hola otra vez:

Nada de inepto. Siempre resulta difícil hacer funcionar algo nuevo, y puede ser por razones que no podemos notar a primera vista, pero con un poco de paciencia salen.

Por lo que he visto, pueden fallar dos cosas:
1º. En la función sonar, las comillas internas deberían ser simples (hay que intercalarlas), o sino ponerlas con una barra por delante (\&quot;).
2º. Faltaría un espacio detrás del nombre de fichero (antes de lo de hidden=true).

Y una tercera opción es que no tengas instalado el plug-in que funciona con embed (quicktime, winamp) a mi me pasó algo parecido, y también me deseperé un poco, pero como dije al principio, hay que tener paciencia.

Si al ver mi página has escuchado las risas puedes descartar la última opción...

Saludos
  #7 (permalink)  
Antiguo 11/08/2002, 06:48
 
Fecha de Ingreso: julio-2002
Mensajes: 8
Antigüedad: 15 años, 5 meses
Puntos: 0
Re: reproducir sonido al clickear

Gracias Caricatos. La verdad es que lo he provado todo y sigue sin funcionarme. Pero tomo nota de tu sugerencia y paciencia no se me va a acabar. Continuare buscando la solución y espero escribir aqui debajo que ya lo consegui.
Gracias por todo y, si dispones de vacaciones, que te vayan bien.
Un saludo
  #8 (permalink)  
Antiguo 01/02/2011, 17:37
 
Fecha de Ingreso: enero-2011
Mensajes: 1
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: reproducir sonido al clickear

Yo tambien tengo un problema similar
quiero que cuando de click en un texto boton o imagen se escuche un sonido "click"
tambien quisiera saver en donde va ir ubidado
ya que lo ke e vizto es en html que va dentro del head


yo estoi trabajando con ruby y css
donde hubicaria el comando??
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:11.