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
