Marylali:
Te muestro una solución a tu problema que es sencilla de hacer y no requiere de algo mas avanzado.
la idea es asi.
Contruyes tu página utilizando marcos
código de index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
frame {
border: none;
margin: 0px;
padding: 0px;
}
</style>
</head>
<frameset rows="0,*" cols="*">
<frame src="sonido.html" name="sonido" scrolling="no" noresize="noresize" id="sonido" title="sonido" />
<frame src="principal.html" name="principal" id="principal" title="principal" />
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>
El frame (marco) superior te carga sonido.html (este marco será apenas visible ya que tiene 0 filas)
El inferior principal, principal.html
ahora bien, en sonido.html cargas una musica de fondo (te lo recomendaría que lo hagas utilizando javascript, ya que te aseguras compatibilidad con todos los navegadores y que utilices el formato SWF) con la opción de autostart y loop
ahora construyes tu pagina principal
codigo principal.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<p><a href="link1.html" target="principal">link1</a></p>
<p><a href="link2.html" target="principal">link2</a></p>
</body>
</html>
Como verás tu pagina principal contiene los links a las otras páginas, debes asegurarte que el atributo target tenga el valor
principal para que se carguen en el marco inferior (fijate que en la página de marcos index.html cada marco tiene un
name, que es el valor que identifica target para buscar un destino
De esta forma el marco superior que contiene sonido.html no se modifica y permanece activo mientras se navega por las diferentes páginas.
En el resto de las páginas, todos los links deben tener el target="principal" y cualquier vínculo a la página principal debe referirse a principal.html y no a index.html.
finalmente en todas tus páginas (yo personalmente, salvo casos muy específicos estoy en contra de los sonidos de fondo) podrias poner dos imágenes con links que harían lo siguiente, previamente create un archivo vacio.html sin contenido
codigo vacio.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sonido</title>
</head>
<body>
</body>
</html>
volviendo a lo que te decia todas tus páginas deberían tener estó en alguna parte
Código HTML:
Ver original<p><a href="vacio.html" target="sonido">detener sonido
</a> -
<a href="sonido.html" target="sonido">activar sonido
</a>
espero que lo entiendas, leelo con atención y verás que no es tan complicado.
alguna vez las versiones más viejas de DreamWeaver traían unas scripts para reproducir sonido, pero en las más nuevas no las encuentro (ojo, hablo de controlar sonidos, o sonidos de fondo, no de insertar SWF, FLV u otro tipo de archivo de media.
Saludos