reproducir un archivo waw al hacer click en una imagen

aeb_asturias · #1 (**permalink**) 24/06/2005, 06:29

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.

caricatos · #2 (**permalink**) 24/06/2005, 07:16

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

aeb_asturias · #3 (**permalink**) 24/06/2005, 11:28

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.

caricatos · #4 (**permalink**) 25/06/2005, 03:18

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