Tutoriais


Como criar um player para sua radio

Acabou de contratar uma webradio de nossa empresa, e não tem o player??
Se você acabou de contratar uma web rádio conosco e busca um player legal para colocá-la em funcionamento em seu site ou blog, apresentamos algumas opções que podem facilitar sua vida.
Dentre as opções trazemos os formatos media player, Html5 e flash. Com ótima qualidade de áudio e formatos feitos para agradar a todos, essas opções de encaixam perfeitamente em seu site ou blog. Para configurar os players também é muito simples, restando a você apenas trocar no código onde está IP (coloque a nossa URL) e PORTA (pela porta de sua web rádio) não se esquecendo de manter os dois pontos ( : ) entre as opções.
Para ter esses players em seu site ou blog basta inserir diretamente no código na parte que mais lhe agradar e no caso do Blogger, funcionará também se você inserir em um gadget do tipo HTML/Javascript.
 
MEDIA PLAYER
<embed width=”300″ height=”70″ type=”application/x-mplayer2″ src=”http://IP:PORTA” name=”mediaplayer” autostart=”1″></embed>

HTML 5
<audio src=”http://IP:PORTA/;” controls=”controls” autoplay=”autoplay”>
Your browser does not support the audio element.
</audio>

FLASH
<embed width=”260″ height=”17″ type=”application/x-shockwave-flash” src=”http://exemplo.com/player.swf” flashvars=”file=http://IP:PORTA/;type=mp3&amp;volume=100&amp;bufferlength=10&amp;autostart=true” allowscriptaccess=”always” quality=”high”></embed>
 
Mais opções:
São varias opções em players para você colocar sua web rádio em sites ou blogs.
Se você acabou de criar uma web rádio e busca um player legal para colocá-la em funcionamento em seu site ou blog, apresentamos algumas opções que podem facilitar sua vida.
Dentre as opções trazemos os formatos media player, Html5 e flash. Com ótima qualidade de áudio e formatos feitos para agradar a todos, essas opções de encaixam perfeitamente em seu site ou blog. Para configurar os players também é muito simples, restando a você apenas trocar no código onde está IP (coloque a nossa URL) e PORTA (pela porta de sua web rádio) não se esquecendo de manter os dois pontos ( : ) entre as opções.
Para ter esses players em seu site ou blog basta inserir diretamente no código na parte que mais lhe agradar e no caso do Blogger, funcionará também se você inserir em um gadget do tipo HTML/Javascript.
Abaixo você pode conferir a aparência dos players pelas imagens e na sequência seu respectivo código para que possa ser inserido em seu site ou blog.

MEDIA PLAYER
<embed height=”70″ name=”mediaplayer” type=”application/x-mplayer2″ width=”300″ src=”http://IP:PORTA” autostart=”1″>
</embed>

HTML 5
<audio src=”http://IP:PORTA/;” controls=”controls” autoplay=”autoplay” >
Your browser does not support the audio element.
</audio>

FLASH 1
<embed height=”17″ width=”260″ flashvars=”file=http://IP:PORTA/;type=mp3&volume=100&bufferlength=10&autostart=true” allowscriptaccess=”always” quality=”high” src=”http://96.9.138.101/player.swf” type=”application/x-shockwave-flash”></embed>

FLASH 2
<embed width=”300″ height=”60″ src=”http://player.wavestreamer.com/cgi-bin/player2.swf” flashvars=”skin=http://player.wavestreamer.com/cgi-bin/kleur/kleur.swf&title=Live Stream&type=sound&file=http://IP:PORTA/;s.mp3&volume=100&13142580629&duration=99999&id=scplayer&autostart=true”></embed>

FLASH 3
<embed align=”middle” allowfullscreen=”false” allowscriptaccess=”sameDomain” bgcolor=”#ffffff” devicefont=”false” height=”50″ loop=”true” menu=”true” name=”Shoutcast” play=”true” pluginspage=”http://www.adobe.com/go/getflashplayer” quality=”high” salign=”” scale=”showall” src=”http://myradiostream.com/flash/Shoutcast.swf?serverHost=IP&amp;serverPort=PORTA” type=”application/x-shockwave-flash” width=”100%” wmode=”transparent”></embed>
 
WINDOWS MEDIA PLAYER SCRIPT com ICECAST

Este é um código para incorporar um Windows Media Player no seu site para transmitir Shoutcast ou Icecast.

Nota: Icecast precisa de um ponto http://ipaddress:porta/fluxo normalmente "stream"


<OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="http://ipaddress:port">
<PARAM name="autostart" VALUE="true">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<EMBED TYPE="application/x-mplayer2" SRC="http://ipaddress:port" NAME="MediaPlayer"
WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="1"> </EMBED>
</OBJECT>

Sem visualização: HEIGHT=”45″ (2 height to change)
Não iniciar automaticamente: <PARAM name=”autostart” VALUE=”false”> and autostart=”0″