Arquivo

Textos com Etiquetas ‘musica de fundo’

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

9, abril, 2010 Lucas Catani 5 comentários

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!