Foros del Web » Creando para Internet » HTML »

reproducir un archivo waw al hacer click en una imagen

Estas en el tema de reproducir un archivo waw al hacer click en una imagen en el foro de HTML en Foros del Web. Hola a todos. Mi problema es el siguiente: Quiero que cuando el usuario haga un click en una imagen se reproduzca un archivo .wav. Para ...
  #1 (permalink)  
Antiguo 24/06/2005, 07:29
 
Fecha de Ingreso: marzo-2004
Mensajes: 550
Antigüedad: 13 años, 8 meses
Puntos: 5
Sonrisa reproducir un archivo waw al hacer click en una imagen

Hola a todos. Mi problema es el siguiente:

Quiero que cuando el usuario haga un click en una imagen se reproduzca un archivo .wav. Para ello tengo puesto:


<td width="13%"> onclick="MM_controlSound('play','document.CS111961 3568364','sonidosAbecedario/a.wav')"><a href="#">A</a></td>

Y en vez de reproducirse directamente me sale una ventana diciendome si lo quiero guardar o reproducir.

Yo quiero que cuando el usuario haga click ya directamente se reproduzca el sonido sin pedir nada. Como se hace eso?

Espero que alguien me pueda ayudar.

Un saludo.
  #2 (permalink)  
Antiguo 24/06/2005, 08:16
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 aeb_asturias:

Fíjate si lo que quieres es lo que sucede en mi galería: http://www.sucaricatura.com/2005/

Si te vale, el script de las risas es así:

Código:
var hayRisas = false;
var tagRisas;
var dirRisas = "../risas/";
var lasRisas = [
	"CHIPLAFF.au",
	"COMIC1.au",
	"COMIC2.au",
	"HILARIOU.au",
	"MALEHARD.au",
	"SNORTY.au",
	"WLAUGH.au"
	];

function ponerRisa()	{
	var nuevaRisa = document.createElement("embed");
	with (nuevaRisa)	{
		src = dirRisas + lasRisas[Math.floor(Math.random() * lasRisas.length)];
		autostart = "true";
		hidden = true;
		if (!document.all)	{
			width = 0;
			height = 0;
		}
	}

	if (hayRisas)	{
		document.getElementById("fantasma").replaceChild(nuevaRisa, tagRisas);
		tagRisas = nuevaRisa;
	}
	else	{
		tagRisas = nuevaRisa;
		document.getElementById("fantasma").appendChild(tagRisas);
		hayRisas = true;
	}
}
Solo hay que tener una capa vacía de nombre "fantasma"

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 24/06/2005, 12:28
 
Fecha de Ingreso: marzo-2004
Mensajes: 550
Antigüedad: 13 años, 8 meses
Puntos: 5
Gracias caricatos por responder. He visto la pagina que me indicabas en tu respuesta pero yo no quiero que se abra ninguna ventana emergente. Tan solo que al hacer click se reproduzca un fichero .wav y nada mas (sin abrir otras ventanas ni nada por el estilo).

De nuevo gracias por responder. Chao.
  #4 (permalink)  
Antiguo 25/06/2005, 04:18
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 otra vez:

El código que te separé es el que vale para poner música a partir de un botón...

Tan solo debís poner algo así:
Código:
<body>

     <!--p>... Your HTML content here ...</p-->
<button onclick="ponerRisa()"> risitas </button>
<div id="fantasma" style="display: block"></div>
</body>
Te preparé una paginilla muy básica en donde solo modifiqué la ruta de los ficheros wav (también pueden ser mid o mp3 por ejemplo...)

Código:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<script>
var hayRisas = false;
var tagRisas;
var dirRisas = "http://www.sucaricatura.com/risas/";
var lasRisas = [
	"CHIPLAFF.au",
	"COMIC1.au",
	"COMIC2.au",
	"HILARIOU.au",
	"MALEHARD.au",
	"SNORTY.au",
	"WLAUGH.au"
	];

function ponerRisa()	{
	var nuevaRisa = document.createElement("embed");
	with (nuevaRisa)	{
		src = dirRisas + lasRisas[Math.floor(Math.random() * lasRisas.length)];
		autostart = "true";
		hidden = true;
		if (!document.all)	{
			width = 0;
			height = 0;
		}
	}

	if (hayRisas)	{
		document.getElementById("fantasma").replaceChild(nuevaRisa, tagRisas);
		tagRisas = nuevaRisa;
	}
	else	{
		tagRisas = nuevaRisa;
		document.getElementById("fantasma").appendChild(tagRisas);
		hayRisas = true;
	}
}
	</script>
</head>

<body>

     <!--p>... Your HTML content here ...</p-->
<button onclick="ponerRisa()"> risitas </button>
<div id="fantasma" style="display: block"></div>
</body>
</html>
Tal como está puedes verlo funcionar desde mi formidable probador de scripts: http://www.pepemolina.com/probador/index.html

Solo tienes que pegar el código en el textarea y pinchar en "mostrar resultado"

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 05:59.