Como criar um player de web radio



Baixe os aquivos necessários: clicando aqui.


Programas necessários para editar os arquivos:


Após ter baixados todos os aquivos, abra a imagem 'projeto.png' no Adobe Fireworks, edite o nome da sua radio e se preferir os botões de play e pause. 

Agora para tocar sua radio:
Abra o arquivo 'on.html' no Bloco de notas e procure por:
<object id="mediaPlayer" 
width="380" 
height="175"
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,0902"
standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> 
<param name="fileName" value="IP da sua radio"> 
<param name="animationatStart" value="1"> 
<param name="transparentatStart" value="1"> 
<param name="autoStart" value="0"> 
<param name="ShowControls" value="1"> 
<param name="ShowDisplay" value="1"> 
<param name="ShowStatusBar" value="1"> 
<param name="loop" value="0"> 

<embed 
type="application/x-mplayer2" 
pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
id="mediaPlayer" 
name="mediaPlayer" 
displaysize="4" 
autosize="0"
bgcolor="darkblue" 
showcontrols="1" 
showtracker="1"
showdisplay="1" 
showstatusbar="1" 
videoborder3d="0" 
width="380" 
height="175"
src="IP da sua radio
autostart="0" 
designtimesp="5311" 
loop="0"> 
</embed> 
</object>

Aonde está marcado de vermelho, substitua pelo IP da sua Radio.
Salve e abra em seu navegador para testar. Se tudo estiver pegando, hospede em seu servidor. 

Para postar no Blog/Site:
Abra novamente o Bloco de notas e digite o seguinte código
<iframe marginheight="0" marginwidth="0" name="" src="cole aqui o link da pagina on.html" width="350" scrolling="auto" frameborder="0" height="70"><span class="Apple-style-span" style="font-size:0px;"><span class="Apple-style-span" style="font-family:Georgia,serif;"></span></span></iframe>

na linha:src="cole aqui o link da pagina on.html" você substituí a parte em Vermelho pelo link da pagina 'on.html' que você hospedou em seu servidor, sem deixar espaço.

Agora é só copiar o código e postar em seu Blog/site.

Espero ter ajudado, Obrigado!  

0 comentários:

Postar um comentário

Deixar um comentario