Foros del Web » Creando para Internet » HTML »

Sonido al pulsar con el puntero.

Estas en el tema de Sonido al pulsar con el puntero. en el foro de HTML en Foros del Web. Hola,que tipo de codigo debo insertar p0ara que al pulsar los comandos del indice(imagenes .gif) emita un sonido elegido por mi del tipo .WAV. Tambien ...
  #1 (permalink)  
Antiguo 12/01/2003, 14:24
 
Fecha de Ingreso: noviembre-2002
Ubicación: Alava
Mensajes: 212
Antigüedad: 15 años, 1 mes
Puntos: 0
Sonido al pulsar con el puntero.

Hola,que tipo de codigo debo insertar p0ara que al pulsar los comandos del indice(imagenes .gif) emita un sonido elegido por mi del tipo .WAV.
Tambien dire que los comandos los tengo en un frame a la izquierda y estos al poner el puntero se mueven nerviosamente por que tengo puesto un script para ello.Espero que al insertar codigo para lo del sonido no cree conflicto alguno con este tipo de script.De echo indicarme donde debo guardar el archivo .WAV para que el codigo que me envien lo localice y lo pueda ejecutar. Gracias a [email protected]

Norton
  #2 (permalink)  
Antiguo 12/01/2003, 14:31
Avatar de Gurrutello  
Fecha de Ingreso: enero-2002
Ubicación: Ontario,Toronto [Canada]
Mensajes: 2.017
Antigüedad: 15 años, 10 meses
Puntos: 6
hola
te recomiendo que para esto utilices mejor flash.
podras hacerlo mejor que con scripts.
saludos
  #3 (permalink)  
Antiguo 12/01/2003, 15:46
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola Norton:

Este es el sistema de mi página:

var sones = [
"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").innerHTML = "<embed src=" + sones[sonido] + " hidden=true >";
}

... además hay una etiqueta div "vacía"...
<div id=fantasma ></div>
que puse al final de la página, antes de </body>

y en algún sitio algo así: onclick="sonar()"

Esto pone sonido de forma aleatoria, pero se puede personalizar.

saludos
  #4 (permalink)  
Antiguo 13/01/2003, 14:35
 
Fecha de Ingreso: noviembre-2002
Ubicación: Alava
Mensajes: 212
Antigüedad: 15 años, 1 mes
Puntos: 0
Hey caricatos especificame mejor el codigo que sino me lio,ya que no entiendo mucho de javascript.Lo que quiero es algo tan especifico como cuando el puntero de a un comando del indice este emita en esos instantes un sonido(en mi caso un grito desgarrador).
Pregunta:1ºDonde debo guardar el archivo con extension WAV?
2ºDonde coloco el codigo adecuado cuando lo entienda.
3ºCreo que lo que pido es un codigo mas cortito,pero tengo dudas que me cree conflicto con otro script que tengo en el frame de INDICE para que al ponerse el tuntero encima de los comandos se mueva nerviosamente el que este para seleccionar en ese momento,asi el navegante puede controlar cual va a pulsar ya que tengo muy pegados los comandos.
  #5 (permalink)  
Antiguo 13/01/2003, 15:54
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola Norton:

Voy a tratar de explicarte más detalladamente el proceso:

En primer lugar, si quieres que que suene solo al pasar el puntero sobre el índice, entonces tiene que ser javascript puro, y el "evento que lo activa es onmouseover...

... cuando pasa el puntero por encima es onmouseover y si quieres hacer click es onclick, incluso el doble click es ondblclick...

... Si quieres que se pinche sobre un sitio, puedes usar la etiqueta "<a>" típica html.

Entonces creo que lo que quieres es usar el evento onmouseover, y la forma de ponerlo es en cualquier tag, tal como se pone onclick...

El ejemplo que te puse es (copy & paste) de mi página de caricaturas, y salta con el "evento onclick" cuando se quiere ampliar una imagen (puedes probarlo en mi página, en la sección de galería... al pinchar sobre cualquier miniatura, se trata de una risa aleatoria, pero voy a explicarte como funcionaría con un sonido concreto.

Antes de continuar, he de avisarte que es html dinámico, donde se crean contenidos de forma dinámica, y que algunos browser's antiguos tal vez no soporten.

Hay que poner una etiqueta div "vacía" con cualquier atributo "ID" (pero existente) en el ejemplo es:
<div id=fantasma></div>
Lo que importa es que haya en la página un sitio donde crear un contenido, y ese contenido es el sonido.

Luego tienes que subirte el fichero "wav", en mi ejemplo son "au" (los pillé con esa extensión, pero son iguales)... en mi ejemplo son rutas relativas, pero podrían ser absolutas (tal como pones los link's)

Entonces para un fichero gritos.wav que podría estar así:
www.tupagina.com/sonidos/gritos.wav, puedes crear el texto javascript equivalente a una etiqueta embed...

<embed src=www.tupagina.com/sonidos/gritos.wav hidden=true>

... entrecomillando principio y fin del tag, e incrustarlo en el div "fantasma"... No debes olvidarte de poner el atributo hidden=true para que no se vea la gramola.

... para incrustarlo te ayudas del método javascript getElementById... innerHTML;

Resumiendo, en el head algo así:
<head>
<script language=javascript>
function sonar(){
document.getElementById("fantasma").innerHTML = "<embed src=www.tupagina.com/sonidos/gritos.wav hidden=true>";
}
</script>
...
</head>

dentro del body la etiqueta div fantasma del ejemplo y otra donde se active el evento por ejemplo una imagen...

<img src="unaimagen.gif" onmouseover="sonar()">

Espero que te sirva...

Saludos
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 21:42.