21 replies to this topic

[Leo_cgi]

Olá Pessoal!
Eu tenho uma conta de rádio online criada pelo CastControl.
Seguinte, não estou conseguindo fazer a rádio rolar:

O arquivo está configurado "play.asx":

http://IP:porta

Se eu clicar no link "http://MEUSITE/play.asx" ele abre um windows Media Player e começa a tocar o que passa na rádio normalmente. Porém não sei que código colocar para que ele toque diretamente no navegador, ou seja, na própria página.

Alguém teria alguma dica ou tutorial?

Abraços!

[amixel]

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.micro...ion=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

artigo feito por André Gonçalves Trazido por amixel!!!

[Leo_cgi]

Olá amixel!
Obrigado pela dica. Só tem um problema. A minha rádio é em tempo real, ou seja, nao tem Playlist. Ela vai reproduzindo o que está tocando no meu Winamp.
Porém, é como eu tinha dito:
Se eu clicar no link "http://MEUSITE/play.asx" ele abre um windows Media Player e começa a tocar o que passa na rádio normalmente (o que está tocando aqui no meu PC). Porém não sei que código colocar para que ele toque diretamente no navegador, ou seja, na própria página.

[Allan Carvalho]

Foi dito, não?

<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.micro...ion=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>

Em negrito está o link do aúdio é só substituir por:

http://MEUSITE/play.asx

como você disse no primeiro post.

OK?

Até mais.


Fui!

[Léo_C]

Parabésn pelo tutorial publicado, sua explicação foi ótima mas se for possível teria como publicar o os arquivos prontos para que eu e os outros usuários que tiverem problemas estudar?

[amixel]

tabem mais os arquivos sao todos eses nao tem misterio bom para facilitar voce podem ir no mue site e pegam os codigos e as images dem uma olhada aqui http://vitrinedigita...yerVitrine-.htm dai voce entrao e no browser explorer fazem o seguinte vam em arquivo/salvar como e deu dai voce pegao com images e tudo !! so nao vao poder pegar o arquivo .asx que esta explicado la ensima!

[Léo_C]

amixel estou com um pequeno probleminha no mouse over das imagens não consegui fazer direito e quando ponho o mouse em cima da link quebrado das imagens mas o comando funciona normalmente.
Obg.

Edição feita por: Léo_C, 31/07/2006, 00:34.

[amixel]

voce tem que editar no dreamweaver em comporatmentos seri permuta de images !

[Léo_C]

Isto ai, ok vou mexer nisto obrigado por a ajuda.

[SRCC]

Gostaria de saber se alguem sabe me dizer se existe alguma forma de executar as musicas do arquivo .ASX de forma aleatória.

[Luckas]

Fala ae galera.

Desculpa a demora ae. hehehehehe

achei o encoder para download, mai tm doi pobreminha.

http://www.microsoft...;displaylang=en

É a versão 9.0 que aind naum vi e naum sei se vai dar certo.
E Antes do Download vai ser feita a validação do Windows.

Espero ter ajudado.

Fuis

Edição feita por: Luckas, 06/04/2007, 12:29.

[Paulornet]

Pessoal,
Coloquei o código abaixo num player que fiz, mas quando clico no botão Pausar não acontece nada (os outros botões funcionam perfeitamente):

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();
}

<img src="img/pause.png" width="32" height="32" border="0" alt="Pausar" onclick="PauseClick()">

Alguém poderia me ajudar?
Valeu

[Ain Dee]

Creio que não funciona pois faltam chaves em sua função. Aqui:

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();
	}
}

;]

Edição feita por: Ain Dee, 12/05/2007, 12:45.

[carcleo]

Pessoal. Tive uma ideia e preciso saber se da certo antes de começar. É o seguinter:

Se eu fizer um Player MP3 com Flash usando o famoso som.loadSound., o que acontece: a musica que esta sendo ouvida pelo usuario do site, esta sendo downloadeada para o cache do navegdor ocupando espaço no HD. Certo?

Então! Minha ideia é a seguinte:

Fazer um script JavaScript para ler as musicas sem fazer download e jogar as propriedades da musica para o flash mostrar.
Tipo:

som.loadSound("audio/"+musicas[i], true);

pegar as propriedades do som tipo: nome da musica, volume, artista, etc... do JavaScript e entrgar para O FLASH controlar, no caso só mostrar. Porem, sem fazer o download da musica pois o JavaScript pois o JavaScript só le como se fosse uma Radio Web.

Tem jeito isso?