Reproducción de sonido en la web

Deseo saber como puedo hacer para reproducir (n) veces un archivo de sonido y que cuando se active una liga desde mi pagina, se pueda escuchar éste, no importando en que tramo de la reproducciòn se encuentra dicho archivo.
Es decir, no quiero que cuando se de click sobre la liga comience a reproducirse el archivo de sonido.
Ojala puedas ayudarme y mil gracias de antemano.

1 respuesta

Respuesta
1
Aqui tienes un ejemplo de como puedes hacerlo, con imagenes y sin imagenes.
<HTML>
<HEAD>
<!-- Minus AutoDato -->
<TITLE>[No title]</TITLE>
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<BGSOUND ID="auIEContainer">
<SCRIPT LANGUAGE="JavaScript"><!--
(MouseOver sound)
var aySound = new Array();
// URL de los sonidos
aySound[0] = "Chimes.wav";
aySound[1] = "Ding.wav";
// No editar esta linea
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//--></SCRIPT><!-- -->
</HEAD><!-- -->
<BODY>
<B><A HREF="tupagina.html" onMouseOver="playSound(0)"
onMouseOut="stopSound(0)">ir a</A>      sin imagen </B>
<p><BR>
<B><A HREF="tupagina.html" onMouseOver="playSound(1)"
onMouseOut="stopSound(1)">ir vvvvvvva</A>     sin imagen </B>
</p>
<p> </p>
<p><a onMouseOver="playSound(0)" onMouseOut="stopSound(0)"<a href="http://www.iespana.es/armisoft"><img border="0" src="faro[1].jpg"></a> 
<b>con imagen     </b></p>
<hr>
<p> <a onMouseOver="playSound(0)" onMouseOut="stopSound(0)"<a href="inu.htm"><img border="0" src="faro[1].jpg" width="100" height="60"></a></p>
<p>Ver código fuente: <a href="javascript:verFuente(window.location);">Página
actual</a>
</p>
</BODY>
<!-- Copiar dentro del tag BODY -->
<script type="text/javascript">
// Creado por Armisoft http://armisoft.gt.gs
function verFuente(pagina){
window.location = "view-source:" + pagina ;
}
</script>
</HTML>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas