Música de fundo no seu site que não reinicia ao clicar nos links!

Bom dia galera, hoje vou abordar um assunto que sempre deixa dúvidas. Como colocar uma música de fundo no seu site. e que ela não pare ao clicar nos links. Eu particularmente tento tirar a idéia da cabeça das pessoas de fazer isso, pois acho muito chato entrar num site e ter uma música de fundo que você provavelmente não queria ouvir.

Mas vamos lá!

Então resumindo para colocar uma música de fundo no seu site faça isso:

Diretórios:
\
\site

– No diretório “\” você deve colocar uma página index.php que está dividida em frames, segue o código abaixo:

/*index.php*/

<HTML>
<frameset rows=”40,*” cols=”*” framespacing=”0″ frameborder=”no” border=”0″>
<frame src=”player.html” name=”topFrame” scrolling=”No” noresize=”noresize” id=”topFrame” title=”topFrame” />
<frame src=”/seusite/index.php” name=”mainFrame” id=”mainFrame” title=”principal” />
</frameset>
<body>
</body>
</HTML>

/*fim do index.php*/

Onde diz frameset rows=”40″, trocando o valor você diz o tamanho do frame superior, no meu caso eu uso “0” e  deixo escondido.

O <frame src=”player.html”… é o link para o player. Que deve estar no diretório “/”

Faça o download do player aqui:  DOWNLOAD

/*player.html*/

<html>
<head>
<script type=”text/javascript” language=”javascript” src=”niftyplayer.js”></script>
</head>
<body>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″ width=”165″ height=”38″ id=”niftyPlayer1″ align=””>
<param name=movie value=”niftyplayer.swf?file=black.mp3&as=1″>
<param name=quality value=high>
<param name=bgcolor value=#FFFFFF>
<embed src=”niftyplayer.swf?file=black.mp3&as=1″ quality=high bgcolor=#FFFFFF width=”165″ height=”38″ name=”niftyPlayer1″ align=”” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer”>
</embed>
</object>
</body>
</html>

/*fim do player.html*/

-e no diretório “\site” você coloca seu site.

Aqui coloquei como fica o código e a estrutura do site só para facilitar (parece redundância mas não é).

estrutura

Valeu galera até a próxima!