+3

Criando uma Rádio ou TV na WEB

criado por André Gonçalves em 08/01/2003 7:17pm
Para criar sua web rádio, é necessário que você escolha 3 itens básicos:

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.

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 Player
Indicamos 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 7;
•Em Windows Media Tools and Services, escolher Windows Media Encoder 7;
•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:

<ASX Version="3.0">
  <entry><ref href= "mms://seu_ip/musica1.wma" /></entry> //Nome das músicas que vão rodar
  <entry><ref href= "mms://seu_ip/musica2.wma" /></entry>
  <entry><ref href= "mms://seu_ip/musica3.wma" /></entry>
  <entry><ref href= "mms://seu_ip/musica4.wma" /></entry>
  <entry><ref href= "mms://seu_ip/musica5.wma" /></entry>
  <entry><ref href= "mms://seu_ip/musica6.wma" /></entry>
</ASX>

Depois de Editar o arquivo, você salva ele com a extenção ASX.

Para Criar um Player on- line veja o ex. abaixo:

<table width="500" cellpadding="0" cellspacing="0" align="left" class="font08">
<tr>
<td valign="middle" bgcolor="#000000" align="center" width="263">
<object ID="WMPlay" width="250" height="24" 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" standby="Carregando a Radio do Seko" type="application/x-oleobject" VIEWASTEXT>

<param name="FileName" value="arquivo.asx">
<param name="AutoStart" value="True">
<param name="TransparentAtStart" value="True">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="1">
<param name="AutoSize" value="0">
<param name="AnimationAtStart" value="true">

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

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.

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

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

Inserindo as Imagens:

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

NOTA: Você deve seguir a risca essa ordem.

Depois disso é só publicar, anunciar seu site e curtir sua rádio.

No próximo artigo falarei mais sobre as rádios na Web e novos exemplos para Real Player e Winamp.

Um Abraço

André Gonçalves

Comentários:

Mostrando 1 - 10 de 28 comentários
YAGO disse:
web radio completa com site, streaming e aplicativo android. 30 dias grátis
https://milhost.com.br/radio-completa-site-streaming.php
30/05/2016 2:53pm (~7 anos atrás)

pô, fiz tudo direitinho, tá funcionando legal, mas os endereços dos aúdios ficam gravados no histórico. Aí quando alguem digita www. para entrar em outro endereço aparecem onde os aúdios tocados pela rádio estão hospedados. Alguém aí sabe como resolver este problema?
30/07/2006 12:04pm (~17 anos atrás)

Thiago Costa disse:
Amigo,

Os botões de "play" e "stop" criados com html e javascript não funcionam no firefox, infelizmente.

Você saberia dizer se há uma forma de fazer funcionar?
04/06/2006 10:09am (~18 anos atrás)

alex perez disse:
E AI GALERA QUEM NAOSSABE NADA SOBRE WEB RADIO ADICIONEM MEU MSN DOU SUPORTE ONLINE com tudo que voce precisar para uma webradio exemplo falar ao vivo programas que mais se usam para web radio entre em contato!!
03/06/2006 9:02am (~18 anos atrás)

itagraf disse:
Caro amigos, eu uso o SAM3 roda a rádio e gera streaming, a versão que tenho é 3.4.1, rodando com icecast com qualidade 24 stereo.
Caso deseje entre em contato. msn: itagraf@itagraf.com.br
22/03/2006 6:58am (~18 anos atrás)

Ola pessoal o programa facil e Shoutcast qual duvida me procure que eu ensino de Graça ;) msn: danilo@radiohitz.com.br
16/03/2006 3:18pm (~18 anos atrás)

Olá amigos, ja instalei o encoder, to com o estudio pronto, servidor, etc... o que eu coloco nos seguintes locais..:Nome do Servidor (este até entendo,mas vejam os outros) Ponto de Publicação... e por fim..: Copiar configurações de:? se alguém puder me ajudar, eu agradeço...bom dia a todos.
15/03/2006 3:08am (~18 anos atrás)

juliano disse:
Alguem pode mim manda o programa Windows Media Encoder 7, pois não to conseguindo baixar ele pelo o site da M$
quem quizer mim mandar o programa pode add no msn desocupado_scc@hotmail.com
03/03/2006 6:51am (~18 anos atrás)

somebody disse:
eu náo achei o download center
27/02/2006 5:10am (~18 anos atrás)

amigo instalei o encoder 9 ja configurei tudo, porem ninguem consegue abrir meu endereço....oq eu faço?

o endereço num é mms://meu end de ip:8080?


aguardo
17/02/2006 4:09pm (~18 anos atrás)

Novo Comentário:

(Você pode usar tags como <b>, <i> ou <code>. URLs serão convertidas para links automaticamente.)