Como Criar uma Web Rádio ?
Autor: Unknown | Publicado: 2010-12-04T18:17:00-02:00

TUTORIAL



Olá Galera a Pedido do Ezequiel &nbsp;Vou Postar Como Fazer Sua Web Rádio, É Muito Fácil Mais Claro é&nbsp;Necessário&nbsp;Ter Paciência !



1 – Escolher o tipo de rádio 2 – Escolher a forma a qual ela vai ser transmitida para a Web.
3 – Escolher os tipos de players
4 – Como colocar sua Rádio ou TV ao Vivo na Web.
5 – Como criar sua própria Web rádio.
Tipos de Web Rádio

Existem dois tipos de web rádio, a rádio transmitida diretamente do estúdio (Se você tem uma rádio comum e queira colocar ela ao vivo na web.), e a web rádio somente de músicas, onde você cria várias estações com estilos de músicas e disponibiliza na web.&nbsp;
Forma de transmissão da Web Rádio

A web rádio somente de músicas, aparentemente você não tem custo nenhum. Você só precisa de um provedor bom que tenha uma boa banda larga, enviar as músicas para o servidor e divulgar a sua página. Caso você tenha uma rádio e queira colocar ela ao vivo na web, você terá um pequeno custo, onde você precisaria de um computador dedicado para ela, conectar um cabo da saída da mesa de som à entrada em linha da placa de som do computador, usar um encoder para ele codificar e enviar para a web.
Tipos de Players

Na Web existem vários players, os mais usados hoje é Windows Media Player, Real Player e Winamp.
Como colocar sua rádio ou TV ao Vivo na web?

Primeira coisa é você adquirir um encoder para que ele possa transmitir sua rádio para a web.
Windows Media PlayerIndicamos o Encoder do Windows Media Player por ser uma ferramenta fácil de usar, que converte áudio e vídeo com alta qualidade.
Você poderá transmitir conteúdo ao vivo através da entrada de linha de sua placa de áudio ou vídeo, utlizando seu CD Player, microfone, vídeo cassete, câmera de vídeo ou receptor AM/FM.
Download:
•O tamanho do programa é 4531K e leva aproximadamente 20 minutos de recepção com conexão 56K.
•Faça o Download agora do Encoder 7.

•Clique em Download Center Windows Media Encoder 10 ou Superior
•Em Windows Media Tools and Services, escolher Windows Media Encoder 10 ou superior
•Não se esqueça de escolher a versão em português, marcando "Portuguese(Brazilian) Language Version";
•Clique em Fazer Download.
Veja os requisitos mínimos para o sistema:

•Processador Pentium 200 MHz com MMX;
•Microsoft Windows 98 Segunda Edição;
•32 MB de RAM;
•Placa de som;
•Modem com velocidade a partir de 28.8 BPS;
•Para transmitir uma rádio, também será necessário um receptor(pode ser um walkman) e um cabo para ligá-lo na entrada de linha de sua placa de som.
•Para transmitir uma TV, será necessário um vídeo Cassete e uma placa de captura de vídeo.
•Mais informações sobre os requisitos dos sistema, consulte o site da Microsoft clicando aqui.
Instalando o programa:

- Dê um duplo clique sobre o programa "wmencoder.exe" copiado;
- Concorde com a licença clicando em "Sim";
- Clique em "Avançar" no Assistente de Instalação;
- Clique em "Concluir" no Assistente de Instalação.
Iniciando o codificador:

- Marque a opção "iniciar o codificador"(seria bom também ler a documentação do codificador);
- Marque a opção "Transmitir, capturar..." e clique em OK;
- Escolha a opção "Transmitir um evento ao vivo..." e clique em Next;
- Selecione o dispositivo de áudio(vídeo é opcional) e clique em Next;
- Na Conexão de difusão, a porta padrão será informada. Anote aí a URL para conexão de Internet (http://Seu_IP:8080). Clique em Next;
- Escolha o perfil da transmissão(esta opção estará condicionada à qualidade de sua conexão) e clique em Next;
- Em Opções de arquivamento clique em Next;
- Em informações para exibição, preencha os campos com os dados de sua rádio ou TV e clique em "FINISH".
Iniciando a Transmissão:
- Espere a tela do Encoder carregar em sua tela;
- Insira o cabo na entrada de linha de sua placa de som para transmitir uma rádio(para TV, a placa deve ser de captura de áudio/vídeo);
- No encoder, clique em "Iniciar";
- Controle o volume do áudio no lado esquerdo do Encoder;
Divulgando seu link:
- Informe o seguinte link para seus usuários: mms://seu_IP:8080 ou faça o seguite: crie um arquivo no Bloco de Notas digitando somente seu link(mms://Seu_IP:8080) e salve-o com a extensão ASX(ex: radio.asx). Transmita este arquivo para seu servidor e divulgue o seguinte endereço para seus usuários: "www.seu_site.com.br/radio.asx".
Muito simples!
Bom como todo mundo sabe, o Windows Média Player já vem instalado no Windows e como a maioria dos usuários tem Windows, vou explicar como fazer uma web rádio usando o Media Player.

O primeiro passo é você conseguir um encoder que transforme todas as suas músicas MP3 para WMA. (Formato de arquivo para se fazer strean).

O segundo passo é você criar os playlist e salvar o arquivo no formato “lista1.asx” (ASX é a extenssão do arquivo para você indicar como link para sua rádio).
Veja o exemplo para criar esse arquivo:

1 - Abra o Bloco de notas e escreva as seguintes linha:


&lt;ASX&nbsp;Version="3.0"&gt;
&nbsp;&nbsp;&lt;entry&gt;&lt;ref&nbsp;href=&nbsp;"mms://seu_ip/musica1.wma"&nbsp;/&gt;&lt;/entry&gt;&nbsp;//Nome&nbsp;das&nbsp;músicas&nbsp;que&nbsp;vão&nbsp;rodar
&nbsp;&nbsp;&lt;entry&gt;&lt;ref&nbsp;href=&nbsp;"mms://seu_ip/musica2.wma"&nbsp;/&gt;&lt;/entry&gt;
&nbsp;&nbsp;&lt;entry&gt;&lt;ref&nbsp;href=&nbsp;"mms://seu_ip/musica3.wma"&nbsp;/&gt;&lt;/entry&gt;
&nbsp;&nbsp;&lt;entry&gt;&lt;ref&nbsp;href=&nbsp;"mms://seu_ip/musica4.wma"&nbsp;/&gt;&lt;/entry&gt;
&nbsp;&nbsp;&lt;entry&gt;&lt;ref&nbsp;href=&nbsp;"mms://seu_ip/musica5.wma"&nbsp;/&gt;&lt;/entry&gt;
&nbsp;&nbsp;&lt;entry&gt;&lt;ref&nbsp;href=&nbsp;"mms://seu_ip/musica6.wma"&nbsp;/&gt;&lt;/entry&gt;
&lt;/ASX&gt;
Depois de Editar o arquivo, você salva ele com a extenção ASX.
Para Criar um Player on- line veja o ex. abaixo:


&lt;table&nbsp;width="500"&nbsp;cellpadding="0"&nbsp;cellspacing="0"&nbsp;align="left"&nbsp;class="font08"&gt;
&lt;tr&gt;
&lt;td&nbsp;valign="middle"&nbsp;bgcolor="#000000"&nbsp;align="center"&nbsp;width="263"&gt;
&lt;object&nbsp;ID="WMPlay"&nbsp;width="250"&nbsp;height="24"&nbsp;classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"codebase="http://activex.microsoft.com/activex/%20%20%20controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"&nbsp;standby="Carregando&nbsp;a&nbsp;Radio&nbsp;do&nbsp;Seko"&nbsp;type="application/x-oleobject"&nbsp;VIEWASTEXT&gt;

&lt;param&nbsp;name="FileName"&nbsp;value="arquivo.asx"&gt;
&lt;param&nbsp;name="AutoStart"&nbsp;value="True"&gt;
&lt;param&nbsp;name="TransparentAtStart"&nbsp;value="True"&gt;
&lt;param&nbsp;name="ShowControls"&nbsp;value="0"&gt;
&lt;param&nbsp;name="ShowDisplay"&nbsp;value="0"&gt;
&lt;param&nbsp;name="ShowStatusBar"&nbsp;value="1"&gt;
&lt;param&nbsp;name="AutoSize"&nbsp;value="0"&gt;
&lt;param&nbsp;name="AnimationAtStart"&nbsp;value="true"&gt;

&lt;!--Plugin&nbsp;para&nbsp;o&nbsp;Netscape--&gt;
&lt;embed&nbsp;type="application/x-mplayer2"&nbsp;ID="MediaPlayer"&nbsp;Name="WMPlay"&nbsp;type="application/x-oleobject"&nbsp;src="arquivo.asx"&nbsp;autostart="0"&nbsp;transparentatstart="0"&nbsp;showcontrols="0"&nbsp;showdisplay="0"&nbsp;showstatusbar="1"&nbsp;animationatstart="0"&nbsp;width="250"&nbsp;height="24"&gt;
&lt;/object&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

Importante: Você deve de Criar as imagens do Player: (Volume - +, Voltar, Play, Pause, stop e Próxima). Daí depois que vocês criarem as imagens coloquem isso no código htm.
Código Java script.


&lt;script&nbsp;language="JavaScript"&gt;
&lt;!--
function&nbsp;RegisterEventObservers()
{
&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;plugin&nbsp;=&nbsp;document.WMPlay;
&nbsp;&nbsp;&nbsp;&nbsp;document.appObs.setByProxyDSNewStreamObserver(plugin,&nbsp;true);
&nbsp;&nbsp;&nbsp;&nbsp;troca();
&nbsp;&nbsp;&nbsp;&nbsp;numero&nbsp;=&nbsp;numero&nbsp;-&nbsp;1;
}
function&nbsp;OnDSNewStreamEvt(oldstate,&nbsp;newstate)
{
&nbsp;&nbsp;&nbsp;&nbsp;setTimeout('troca();',1000);
}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
function&nbsp;PlayClick()
{
&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Play();
}
function&nbsp;StopClick()
{
&nbsp;&nbsp;&nbsp;&nbsp;numero&nbsp;=&nbsp;1;
&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Stop();
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(navigator.appName.indexOf('Netscape')&nbsp;!=&nbsp;-1)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.SetCurrentPosition(0);
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.CurrentPosition&nbsp;=&nbsp;0;
&nbsp;&nbsp;&nbsp;&nbsp;}
}
function&nbsp;PauseClick()
{
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(navigator.appName.indexOf('Netscape')&nbsp;!=&nbsp;-1)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;estado=document.WMPlay.GetPlayState();
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;estado=document.WMPlay.PlayState;
&nbsp;&nbsp;&nbsp;&nbsp;}

&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(estado==1)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Play();
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(estado==2)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Pause();
&nbsp;&nbsp;&nbsp;&nbsp;}
}
function&nbsp;FowardClick()
{
&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Next();
}
function&nbsp;BackClick()
{
&nbsp;&nbsp;&nbsp;&nbsp;numero&nbsp;=&nbsp;numero&nbsp;-&nbsp;2;
&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Previous();
}
function&nbsp;UpVolumeClick()
{
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(document.WMPlay.Volume&nbsp;&lt;=&nbsp;-300)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Volume&nbsp;=&nbsp;document.WMPlay.Volume&nbsp;+&nbsp;300;
&nbsp;&nbsp;&nbsp;&nbsp;}
}
function&nbsp;DownVolumeClick()
{
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(document.WMPlay.Volume&nbsp;&gt;=&nbsp;-8000)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.WMPlay.Volume&nbsp;=&nbsp;document.WMPlay.Volume&nbsp;-&nbsp;300;
&nbsp;&nbsp;&nbsp;&nbsp;}
}
//--&gt;
&lt;/script&gt;

Inserindo as Imagens:


&lt;img&nbsp;src="nome_da_imagem.gif"&nbsp;alt="Diminuir&nbsp;Volume"&nbsp;onclick="DownVolumeClick()"&gt;
&lt;img&nbsp;src="nome_da_imagem.gif"&nbsp;alt="Aumentar&nbsp;Volume"&nbsp;onclick="UpVolumeClick()"&gt;
&lt;img&nbsp;src="nome_da_imagem.gif"&nbsp;alt="Voltar"&nbsp;onclick="BackClick()"&gt;
&lt;img&nbsp;src="nome_da_imagem.gif"&nbsp;alt="Play"&nbsp;onclick="PlayClick()"&gt;
&lt;img&nbsp;src="nome_da_imagem.gif"&nbsp;alt="Pause"&nbsp;onclick="PauseClick()"&gt;
&lt;img&nbsp;src="nome_da_imagem.gif"&nbsp;alt="Stop"&nbsp;onclick="StopClick()"&gt;
&lt;img&nbsp;src="nome_da_imagem.gif"&nbsp;alt="Próxima&nbsp;Música"&nbsp;onclick="FowardClick()"&gt;

NOTA: Você deve seguir a risca essa ordem.
Depois disso é só publicar, anunciar seu site e curtir sua rádio.&nbsp;Não fornecemos SUPORTE TÉCNICO, já que os tutoriais aqui apresentados, foram testados &nbsp;e funcionaram a contento, portanto, muita atenção nos passos para que tudo funcione bem.
Fonte:&nbsp;http://www.maquinadotempo.net/