Criando um Webradio ou WebTV
Autor: Luan Canto | Publicado: 2009-07-22T21:33:00-03:00

   ` Mais um Tutorial Sobre Criação de Web Rádio ou TV  `Para criar sua web rádio, é necessário que você escolha 3 itens básicos:1 – Escolher o tipo de rádio2 – Escolher a forma a qual ela vai ser transmitida para a Web.3 – Escolher os tipos de players4 – Como colocar sua Rádio ou TV ao Vivo na Web.5 – Como criar sua própria Web rádio.Tipos de Web RádioExistem 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ádioA 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 PlayersNa 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 Version="3.0"&gt;&lt;entry&gt;&lt;ref href= "mms://seu_ip/musica1.wma" /&gt;&lt;/entry&gt; //Nome das músicas que vão rodar&lt;entry&gt;&lt;ref href= "mms://seu_ip/musica2.wma" /&gt;&lt;/entry&gt;&lt;entry&gt;&lt;ref href= "mms://seu_ip/musica3.wma" /&gt;&lt;/entry&gt;&lt;entry&gt;&lt;ref href= "mms://seu_ip/musica4.wma" /&gt;&lt;/entry&gt;&lt;entry&gt;&lt;ref href= "mms://seu_ip/musica5.wma" /&gt;&lt;/entry&gt;&lt;entry&gt;&lt;ref href= "mms://seu_ip/musica6.wma" /&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 width="500" cellpadding="0" cellspacing="0" align="left" class="font08"&gt;&lt;tr&gt;&lt;td valign="middle" bgcolor="#000000" align="center" width="263"&gt;&lt;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&gt;&lt;param name="FileName" value="arquivo.asx"&gt;&lt;param name="AutoStart" value="True"&gt;&lt;param name="TransparentAtStart" value="True"&gt;&lt;param name="ShowControls" value="0"&gt;&lt;param name="ShowDisplay" value="0"&gt;&lt;param name="ShowStatusBar" value="1"&gt;&lt;param name="AutoSize" value="0"&gt;&lt;param name="AnimationAtStart" value="true"&gt;&lt;!--Plugin para o Netscape--&gt;&lt;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"&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 language="JavaScript"&gt;&lt;!--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 &lt;= -300) { document.WMPlay.Volume = document.WMPlay.Volume + 300;}}function DownVolumeClick(){if (document.WMPlay.Volume &gt;= -8000) { document.WMPlay.Volume = document.WMPlay.Volume - 300;}}//--&gt;&lt;/script&gt;Inserindo as Imagens:&lt;img src="nome_da_imagem.gif" alt="Diminuir Volume" onclick="DownVolumeClick()"&gt;&lt;img src="nome_da_imagem.gif" alt="Aumentar Volume" onclick="UpVolumeClick()"&gt;&lt;img src="nome_da_imagem.gif" alt="Voltar" onclick="BackClick()"&gt;&lt;img src="nome_da_imagem.gif" alt="Play" onclick="PlayClick()"&gt;&lt;img src="nome_da_imagem.gif" alt="Pause" onclick="PauseClick()"&gt;&lt;img src="nome_da_imagem.gif" alt="Stop" onclick="StopClick()"&gt;&lt;img src="nome_da_imagem.gif" alt="Próxima Música" onclick="FowardClick()"&gt;NOTA: Você deve seguir a risca essa ordem.Depois disso é só publicar, anunciar seu site e curtir sua rádio. Não fornecemos SUPORTE TÉCNICO, já que os tutoriais aqui apresentados, foram testados  e funcionaram a contento, portanto, muita atenção nos passos para que tudo funcione bem.            <!--// original player scripts //-->            var leaktest = 1;<!--//xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx//-->           <!--// enter stream location/url here //-->            var leakurl = 'http://72.232.28.54:8008';<!--//xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx//-->            var winampx;            var hwndset = 0;            var autoscroll = 1;            var gecko =  !(navigator.appName == 'Microsoft Internet Explorer');            var initted = 0;            if (gecko) {              navigator.plugins.refresh(false);              document.writeln( '' );            }            else {              document.writeln( '' );            }            function mozIAmpXEvents() { }            mozIAmpXEvents.prototype = {              WinampMsgEvent: function ( msgID ) {},              WinampStatus: function( msgID, comp ) {},              WinampMetaData: function( data, size ) {},              QueryInterface: function(iid) {                if (!iid.equals(Components.interfaces.Unagi2MozEvents)&&                !iid.equals(Components.interfaces.nsISupports)) {                  throw Components.results.NS_ERROR_NO_INTERFACE;                }                return this;              },              val: ''            }            WINAMPX_EVENT_FILE_END                   =   1;            WINAMPX_EVENT_TRACK_CHANGED              =   2;            WINAMPX_EVENT_LAUNCH_URL                 =   3;            WINAMPX_EVENT_TRACK_INFO_CHANGED         =   4;            WINAMPX_EVENT_VIDEO_WND_REQUESTED        =   5;            WINAMPX_EVENT_VIDEO_WND_SIZE_CHANGED     =   6;            WINAMPX_EVENT_VIDEO_WND_DONE             =   7;            WINAMPX_EVENT_HWND_READY                 =   8;            WINAMPX_EVENT_NO_SOUNDCARD_AVL           = 100;            WINAMPX_EVENT_NO_PLUGINS_AVL             = 101;            WINAMPX_EVENT_CANT_PLAY_FILE             = 102;            WINAMPX_EVENT_WMA_FILE_EXPIRED           = 103;            WINAMPX_EVENT_FILE_NOT_FOUND             = 104;            WINAMPX_EVENT_PLAYLIST_NO_FILES_PRESENT  = 105;            WINAMPX_EVENT_PLAYLIST_EMPTY             = 106;            WINAMPX_EVENT_REAL_ENGINE_MISSING        = 107;            WINAMPX_EVENT_CORRUPT_FILE               = 108,            WINAMPX_EVENT_UNSUPPORTED_FORMAT         = 109;            WINAMPX_EVENT_QUICKTIME_ENGINE_MISSING   = 110,            WINAMPX_EVENT_REAL_ENGINE_ERROR          = 111,            WINAMPX_EVENT_FILE_SYSTEM_CHANGE         = 112            WINAMPX_STATUS_INIT_WININET              = 200;            WINAMPX_STATUS_OPENING_URL               = 201;            WINAMPX_STATUS_HTTP_ERROR                = 202;            WINAMPX_STATUS_DOWNLOADING_URL           = 203;            WINAMPX_STATUS_URL_DOWNLOADED            = 204;            WINAMPX_STATUS_CANNOT_CREATE_TEMP_FILE   = 205;            WINAMPX_STATUS_CANNOT_OPEN_URL           = 206;            WINAMPX_STATUS_CONNECTION_LOST           = 207;            WINAMPX_STATUS_PREBUFFERING              = 208;            WINAMPX_STATUS_RESYNC                    = 209;            WINAMPX_STATUS_BROADCAST_INTERRUPT       = 210;            WINAMPX_STATUS_BROADCAST_TERMINATE       = 211;            WINAMPX_STATUS_DOLBY_ERROR               = 212;            WINAMPX_STATUS_TRANSFER_RATE             = 213;            WINAMPX_STATUS_STREAM_BEGIN              = 214;            WINAMPX_STATUS_LENGTH_CHANGE             = 215;            WINAMPX_STATUS_VIDEO_KEYPRESS            = 216;            WINAMPX_STATUS_VIDEO_SYSKEYPRESS         = 217;            WINAMPX_STATUS_SERVER_RESTART            = 218;            WINAMPX_STATUS_SERVER_CRASH              = 219;            WINAMPX_STATUS_ERROR_KILLING_THREAD      = 220;            WINAMPX_STATUS_ADVANCED_PARSE_ERROR      = 221;            WINAMPX_STATUS_SERVER_SWAPPED            = 222;            STATUS_STOPED                            = 0;            STATUS_PLAYING                           = 1;            STATUS_PAUSED                            = 2;            STATUS_BUFFERING                         = 3;            var clockPrebuffer;            function onWinampMSGEvent(a) {              switch(a) {                case WINAMPX_EVENT_HWND_READY:                  var hwnd = winampx.hwnd;                  winampx.SetVideoHWND( hwnd );                  if ( leaktest ) winampx.Play();                  break;                case WINAMPX_EVENT_VIDEO_WND_DONE:                  winampx.RemoveFullScreen();                case WINAMPX_EVENT_FILE_SYSTEM_CHANGE:                  RefreshTitle();                  RefreshPlaylist();                  break;                default:                  break;              }            }            var clockPrebuffer;            function onWinampStatus( a, b ) {              if (leaktest)              return;              switch( a ) {                default:                break;              }            }            function onWinampMetaData( s, n ) {              if ( leaktest )              return;            }            function ClearPlaylist() {              winampx.ClearPlaylist();              RefreshPlaylist();            }            function RefreshTitle() {              var a = { value : '' };              var b = { value : '' };              winampx.GetCurrentPlaylistItem( a, b );            }            function onClickFullscreen() { winampx.GoFullScreen(); }            function RefreshPlaylist() {              var i;              var max = { value : '' };               var file_name = { value : '' } ;              var title = { value : '' };               var lng = { value : '' };              var is_id3 = { value : '' };               var title = { value : '' };               var artist = { value : '' };               var album = { value : '' };               var comment = { value : '' };               var y = { value : '' };               var genre = { value : '' };               var bitrate = { value : '' };               var srate = { value : '' };               var stereo = { value : '' };               var vbr = { value : '' };              max = winampx.Nb_Playlist_Items;              for ( i = 1; i <= max; i++ ) {                 winampx.GetPlaylistItem( i-1, file_name, title, lng );                 winampx.GetItemHeaderInfos( file_name.value,is_id3,title,lng,artist,album,comment,y,genre,bitrate,srate,stereo,vbr );                 if ( bitrate.value != 0 ) { }                 if ( is_id3.value == 1 ) { }                 if ( winampx.PlaylistPos == i-1 ) { }               }             }             var lastvol = 0;             function DeInit() { winampx.Deinitialize(); }             function stopStartPlayback() { winampx.Stop(); winampx.Play(); setTimeout( stopStartPlayback, 4000 ); }             events = new mozIAmpXEvents();             events.WinampMsgEvent = onWinampMSGEvent;             events.WinampStatus = onWinampStatus;             events.WinampMetaData = onWinampMetaData;             if (!gecko) { winampx = document.getElementById('IWinAmpActiveX'); }             else { winampx = document.getElementById('IWinAmpActiveXG'); }             winampx.SetName('RaveTrax Streaming Video');             if (!gecko) winampx.setCallback( events );             winampx.SetCrossInstanceControl(1);             winampx.SetVideoAutoSize(0);             winampx.SetVideoLogo(0);             winampx.SetRetryParams(5,2000);             winampx.SetFallbackParams(2,300);             winampx.SetUseCustomDRMURL( 1 );             if (leaktest) {               winampx.AppendFileToPlaylist( leakurl );               winampx.Repeat = 1;             }