Código para instalar uma Rádio Online no seu site

por Celso Lemes em 26/03/2009

na categoria PHP, HTML e JavaScript

Rádio Online

Hoje recebi um email de um visitante que adicionou uma rádio em seu site, porém sempre que uma nova página era carregada o player reiniciava.

Isso é muito comum de acontecer porque geralmente os webmasters colocam o player dentro das páginas do site, quando na verdade o player tem que ser colocado em uma página separada, que chamaria o restante do site utilizando um Frame.

Você pode conferir um exemplo aqui.

Como adicionar uma Rádio Online em seu site

A estrutura
No exemplo do player, a página é formada por 2 páginas + a página do site.
1 – Index.html
2 – player.html
3 – Página inicial do fórum.

Você pode fazer o download dos arquivos do frame aqui.

Editando os arquivos
Para fazer com que seu site apareça no frame, edite o arquivo index.html em um editor de sites e troque o atual endereço pelo endereço do da página principal do seu site.

Neste exemplo foi utilizado a rádio oferecida pelo portal Rádio Nova, porém você pode adicionar qualquer outra rádio editando o arquivo player.html

Se quiser que a rádio seja acessada a partir do endereço principal “www.seusite.com”, terá que manter o nome do arquivo index.html e renomear o arquivos da página principal do seu site para index2.hmtl (ou outro nome de sua escolha).

Notas Este tipo de arquivo não pode ser hospedado em sites de criação de sites que não oferecem acesso via FTP como Webnode, Blogger, Ucoz, Weebly, etc.

A pedido dos visitantes eu resolvi criar uma vídeo aula ensinando a instalar a rádio

Créditos da imagem de João Pedro.

Celso Lemes

facebooktwittergoogle plus

Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.   Baixe grátis o e-book 12 Passos para Divulgar seu Site ou Blog.


{ 142 comentários }

1 Francisco 28/03/2009 às 5:37 pm

Como faço para editar esses arquivos?
Desde já obrigado pela taenção!

Francisco.

2 Celso Lemes 28/03/2009 às 6:23 pm

Francisco,
Você pode editar utilizando o bloco de notas do Wibdows ou um programa editor de sites.Tente o NVU http://www.criarsites.com/nvu-programa-para-criar-sites/

Abraço!

3 Mr. Cobain 30/03/2009 às 12:37 am

Não gosto de colocar radios em meus sites, pq quem tem uma net ruim, quando vai entrar no site demora uma eternidade, fica td pesado por causa das radios.
Fiz o teste já em uma net discada e uma banda larga.

a banda larga carregou rapidinho, enquanto a discada demorou pra caramba.

depois refiz o teste mas num site sem radio.

a discada foi rapid[bem mais rapido do q com o site que tinha a radio], a banda larga entao nem se fala, de tao rapido que foi.

4 Celso Lemes 30/03/2009 às 6:51 am

Mr. Cobain,
Realmente isso acontece, para quem quer evitar isso uma opção seria oferecer um link com a rádio e outro sem a rádio.

Abraço!

5 Delbson 28/02/2012 às 10:49 am

ola. Estou precisando fazer o download dos arquivos do frame para Rádio online no seu site, o que fica no topo da página e roda nas outras sem interferência, aki no site não consegui baixar, ficarei grato em me enviar. Um abraço, bom trabalho.

6 Celso Lemes 29/02/2012 às 1:24 am

Delbson,
Aqui está funcionando o link do download. Clique aqui para iniciar.

Abraço!

7 Murilo 08/06/2009 às 2:43 pm

Opa pessoal, como faço para alinhar o player a parte de baixo?
Abraço.

8 Celso Lemes 08/06/2009 às 4:48 pm

Murilo,
Você teria que editar o código em um editor de sites, porém se você não tem conhecimento isso pode ser um pouco complicado e nem daria para explicar aqui.

Abraço!

9 Dênis 12/06/2009 às 7:14 pm

Opaaa!!

Eu estava pensando em fazer assim… ja tenho a radio no meu site.. porem acontece como foi dito lá em cima(Toda hr religa a radio)

Ai eu tive essa ideia”Abre uma popup dizendo:Entra no site com rádio/Entrar no site sem rádio..”

Isso seria possivel? Atraves de quais scripts poderia fazer isso?

att,Dênis(MulamboADM)

10 Celso Lemes 12/06/2009 às 10:23 pm

Dênis,
Não precisa de script nenhum, basta o código que é oferecido aqui.
Confira um exemplo http://www.criarsites.com/forum/ e http://www.criarsites.com/forum/radio/
Neste caso eu apenas instalei o sistema da rádio dentro de uma pasta.

Abraço!

11 Andre 13/06/2009 às 1:27 am

eu entendi como se coloca uma barra de web radio ja pronta em meu site, muito facil e a video-aula bem clara, porem eu preciso de uma barra como essa demostrada no video, sera q poderia fazer uma materia ensinando isso?
muito obridago, vcs aqui da criarsites, são sempre perfeitos sou fã

12 Celso Lemes 13/06/2009 às 9:44 am

Andre,
O código desta barra não serve? É só você editar ele para o que você precisa.

Abraço!

13 Dênis 13/06/2009 às 1:56 pm

Sim sim! em relação ao popup… como que faço? para clicar em um botão e direcionar ?

Att,Mulambo

14 Celso Lemes 13/06/2009 às 7:25 pm

Samuel,
Não teria problema não, basta que você edite os arquivos do jeito que quiser.
Você pode hospedar em qualquer servidor que suporte PHP.

Dênis,
Você pode conferir um artigo que eu falo sobre Popup aqui http://www.criarsites.com/popup-com-tamanho-controlado/

Abraço!

15 Rafael Leal 01/07/2009 às 1:10 pm

olá… Instalei, mas quando clica em início abre um novo banner, ou seja, toda vez que alguem volta prá página inicial abre um novo play. Se alguém souber dá uma dica aí…

16 Celso Lemes 01/07/2009 às 4:08 pm

Rafael,
Você instalou outra rádio na barra? Eu entrei no seu site e não notei nada de errado.

Abraço!

17 Rafael Leal 01/07/2009 às 5:40 pm

Valeu mesmo, eu já tinha descoberto o meu erro, consegui encrementar o código e dar um visual mais legal, depois vou mandar o play flash e o novo código. Abraços a todos…

18 André F Santos 02/08/2009 às 12:31 am

Olá pessoal!

Como edito essa barra da Rádio Nova para mudar para o nome da minha rádio?

19 celsoalemes 02/08/2009 às 9:27 am

André,
Você precisa editar o arquivo em um editor de sites que permita editar arquivos PHP (como o DreamWeaver) ou editar usando o bloco de notas.

Abraço!

20 Geovane 26/08/2009 às 2:13 am

Olá pessoa vir esse videio no youtube achei super legal play super interativo videio aula gostária de saber alguem tem videio ensinado como ser faz esse play passo a passo to procurando tuturial desse tempo vir diversos mas nenhum chego perto do videio que assintir na videio aula quem poder me aruma tuturial ficarei muito grato vlw!!! ;-)

21 Celso Lemes 26/08/2009 às 8:37 am

Geovane,
Você queria saber como criar o player de música? Se for isso eu não posso ajudar porque não tenho conhecimento sobre criação de rádios online.

Abraço!

22 Tiger 23/09/2009 às 6:37 am

Boas Celso, como faço para instalar essa rádio no wordpress já que o ficheiro que ele carrega é o index.php e não index.html.
Tentei várias formas mas deram erradas.
Por favor me ajuda

23 Celso Lemes 23/09/2009 às 1:33 pm

Tiger,
No WordPress não teria jeito de fazer isso com a página inicial, você teria que criar uma página extra com a rádio. Por exemplo seusite.com/radio
Depois dentro do seu blog, você colocaria uma mensagem do tipo “Navegue ouvindo a rádio” ou algo assim.

Abraço!

24 Junior 12/10/2009 às 3:40 pm

Como fasso pra Publicar estes 3 arquivos no meu site como assim? nao entendi essa parte :!: :!: :!: :!:

25 Celso Lemes 12/10/2009 às 4:19 pm

Junior,
Para publicar estes arquivos você tem que ter acesso FTP (Blogger, WordPress.com, Webnode e etc, não permitem) ao seu servidor de hospedagem.
Você deve utilizar um cliente FTP como o FileZilla para se conectar ao servidor e publicar os arquivos.

Abraço!

26 lucas 05/11/2009 às 11:44 pm

teria como criar a web radio na host ucoz?

27 Celso Lemes 06/11/2009 às 2:51 am

Lucas,
A criação de uma web rádio exige um servidor que ofereça “streaming”, e isso somente é encontrado em alguns servidores pagos. Além disso é necessário um script que permita transmitir as musicas. Portanto não é possível criar uma web rádio no Ucoz.

Abraço”

28 edaurdo 05/12/2009 às 1:26 pm

Eai galera,eu dei uma olhada nesse belo site e reparei que disse que nao da pra por radio no topo do site do webnode,pois tentei varias vezes e acabei conseguindo colocar se ficou interessado dei uma olhada para ver, http://eduardostronda.tk . e isso ai galera… msn eduardo_stronda@hotmail.com

29 Celso Lemes 06/12/2009 às 11:45 am

Eduardo,
Realmente esta é uma opção para solucionar este problema de colocar rádio no Webnode.

Abraço!

30 Sharck 06/12/2009 às 10:08 am

Tenho um Blog (blogspot), coloquei um player, mas quando mudo de pagina, ele atualiza e corta a musica e depois começa di novo.
Gostaria de saber se tem alguma maneira de fazer um meu player não atualizar
Ex: mudar de pagina e o player continuar tocando!

Obrigadoo!

31 Celso Lemes 06/12/2009 às 11:54 am

Shark,
Não tem jeito de fazer com que o player toque direito em blogs feitos no Blogger.

Abraço!

32 Neto 09/12/2009 às 8:50 pm

Ae eu fiz uma radio no listen2myradio e quero coloca um amigo meu como locutor alguem sabe?

Ha e eu tb queria saber se alguem sabe pegar o player e coloca em outro site?

me respondem ai galera pufavor

brigadão

33 Ajudante 08/01/2010 às 2:46 pm

simmples : passe a senha da sua rádio o nome de usuárioo port e o ip da rádio e o programa… e pede pra o seu amigoinstalar da forma correta e pronto.

34 Matheus 04/02/2010 às 3:04 pm

eu gostei da dica mais queria saber quanto tempo demora pa baixar essa radio numa pessoa com net de 600mb

35 Celso Lemes 04/02/2010 às 3:25 pm

Matheus,
Demora menos de 1 minuto.

Abraço!

36 ronald 19/02/2010 às 2:12 am

Celso Lemes aki é o Ronald é o Seguinte fiz um blog de downloads e queria coloca uma radio la tipo pra mim ser o locutor e tals mais queria fazer grátis como eu faço vc pode me ajudar como fazer uma?
abraÇOs

37 Celso Lemes 19/02/2010 às 11:03 pm

Ronald,
Para criar uma rádio do jeito que você quer, seria necessário um servidor especial com suporte a streaming. O problema é que estes servidores são caros e não existe nenhum que seja de graça.
Além disso, você vai precisar de um script apropriado que também custa $$$$.

Abraço!

38 wagner 28/03/2011 às 8:38 pm

o celso tem razão eu tbm estou a desenvolver uma radio e para isto vc vai precisar de um servidor estream nota;este é diferente da sua hospedagem tradicional,existem varios preços de stream os mais caros são os com numero de ouvintes ilimitados ,apo´s isso vc vai precisar de um player e nesse palyer vc devera inserir o teu link de stream ,nota:caso vc use joomla ou wordpress na criaçaõ do site os mesmos tem plugins gratis de player bastando apenas vc ter o estream upar as musicar agendar programçaõ e inserir o link no player,caso vc naõ use as paltaformas citadas acimas devera usar um palyer por meio de codigos procura na web que vc vai acher muitos bons e free boa sorte aew

39 David 22/03/2010 às 6:27 pm

Ola Celso

Gostaria De Dizer Se Da Para Colocar Uma Radio No Webnode ?

Valeu

40 Celso Lemes 23/03/2010 às 1:13 am

David,
É possível sim, você pode conferir um tutorial nesta página.

Abraço!

41 luiz carlos 25/03/2010 às 1:32 am

Celso você poderia fazer um video contendo uma ajudinha para colokar um player mais legal e no topo para blogspot?

obrigado ae e abraços !

42 Celso Lemes 25/03/2010 às 11:19 am

Luiz,
No Blogspot é complicado, mesmo que você adicione um plyer no topo, ele seria reiniciado sempre que o visitante mudar de página.

Abraço!

43 Gilberto Rezer 27/03/2010 às 11:16 pm

Caro Amigo.
Criei um site no Wix. Gostaria de inserir uma rádio nele, a partir do programa ZaraRadio. Segui os passos também do frame mas não sei como publicar os arquivos HTML. Poderia me dar uma ajuda a respeito?

44 Celso Lemes 28/03/2010 às 11:03 am

Gilberto,
Pelo que eu vi esse Zara Rádio não é para ser inserido em sites.

Abraço!

45 Danilton 31/03/2010 às 4:23 pm

Caros colegas gostei muito do tutorial,
mas minha duvida é, tem como usalo para tocar mp3 tbm?
abraços

46 Celso Lemes 31/03/2010 às 10:51 pm

Danilton,
Para colocasr as suas músicas MP3 você precisa de um servidor especial que oferece streaming e de um script que permita tocar as músicas. Serviços assim custam um pouco caro.
Você pode saber mais conferindo os serviços oferecidos pelo RJHost.

Abraço!

47 celio 13/04/2010 às 1:59 am

ola Celso, como eu entendo um pouquinho de programação resolvi criar um blog, fiz um tutorial explicando como usar esta dica que vc ofereceu aqui no blog mas com um player proprio, o tutorial contem link para os ficheiros com os exemplos prontos, explico como montar um player para executar uma playlist, depois valendo da sua dica explico como colocar o player no iframe e por fim um player em php igualzinho a do seu exemplo, legal que da pra improvisar uma radio, é so enviar as gravaçoes e musicas para uma hospedagem e criar a playlist.
Queira por gentileza dar uma espiada no meu blog e dar sua opinião quanto a qualidade dos tutoriais.

http://tutosloko.blogspot.com/

o layout ainda ta meio foda hehe

48 Celso Lemes 13/04/2010 às 9:04 am

Celio,
A qualidade está muito boa, porém dificilmente um leigo conseguiria utlizá-lo, sendo voltado para um público com um certo conhecimento. Mas é uma boa alternativa para quem realmente quer criar uma webrádio.

Abraço!

49 ByKiel 27/04/2010 às 4:24 pm

Olá Celso! mas e no caso de a index do meu site for index.php
e o play é index.html, como faço?
mesmo assim precisa ter nomes diferentes, possuindo extenções diferentes?
parabens e obrigado pela aula.

50 Celso Lemes 27/04/2010 às 8:56 pm

Bykel,
Se não me engano o servidor reconhece o index.php primeiro. Nesse caso você teria que mudar o endereço dele para que a rádio funcione.

Abraço!

51 Dj gato Negro 29/04/2010 às 8:55 am

Ola galerinha..eu entendo um pouco disso, vou simplificar a ideia..na verdades sao 4 sites em um..é possivel faser com qualquer site..mas vc perde o endereço principal.. entao faça tudo em paginas sem ser a principal e depois junte na pagina principal..vamos la entao..vc precisa criar uma pagina player, onde esta seu arquivo de audio,uma pagina player off igualsinho a primeira mas sem audio,uma pagina conteudo(webnood,bloguer,yola e etc…) agora redirecione os botoes stop para a pagina player off eos botes play para a pagina play..feito isso isere no iframe o conteudo..depois de os player eo conteudo ja estao juntos..une tudo na sua pagina principal..espero ter ajudado qualquer duvidas gatonegro26@hotmail.com abraços

52 Israel 17/05/2010 às 12:38 am

Olá,

Gostaria de criar um site com uma radio … so que no meu caso eu criaria meu site com o web acapella , o que eu devo fazer para que o player não pare ao mudar de pagina ?

53 Celso Lemes 17/05/2010 às 1:19 pm

Israel,
Até daria para fazer, mas você teria que utilizar um editor de sites como o DreamWeaver e um cliente FTP.
Você teria que publicar o seu site dentro de uma pasta no seu servidor e chamar o site através de um Iframe.

Abraço!

54 junior 05/07/2010 às 1:30 am

facil fazr isso esse tutorial dificulta pra quem nao sabe mas vou explicar melhor que todos

abra o dreamwaver selecione logo quando voce abre odreamwave abre frameset e vai top frameset

dexa ele carregar em top frame voce poe o link do player
e em base frame voce poe o link do site pronto facil e rapido
pra funcionar so salvar como index na pasta principal do site
e noprograma que voce esta editando mudar a pasta de publicação para onde esta base e o do player faça o mesmo

55 edson 13/07/2010 às 4:17 am

celso eu fiz um site no webacappella tals deu certinho coloca isso que c mando fiz ums coisa lah funfo so tem um poren quando eu clico no inicia ai ele volta pra home fika dois player por que sera ?

56 Celso Lemes 14/07/2010 às 1:25 am

Edson,
Infelizmente eu não sei dizer. Pode ser que você tenha feito alguma coisa de errada.
Verifique novamente.

Abraço!

57 Renan 30/08/2010 às 2:43 pm

da uma olhada na minha ultima resposta resolvera seu problema,

58 rodrigo silva 16/07/2010 às 12:16 pm

fiz tudo como no video uso o web acapella mais nao esta dando certo o que faço?grato

59 Celso Lemes 16/07/2010 às 2:20 pm

Rodrigo,
Você esta utilizando somente o WebAcappella? Se for isso não dá certo mesmo.
Por favor, confira o artigo novamente.

Abraço!

60 RICARDO BA$$MAN 13/08/2010 às 9:27 am

por adm do site…fiz tudo certinho e não consegui colocar a radio no ar…esta mesma que esta ai;
por favor algume me ajude!
desde já obrigado!

61 Celso Lemes 13/08/2010 às 8:53 pm

Ricardo,
Se você me falar o que está acontecendo ou que não está conseguindo eu poderia te ajudar, mas assim não tem jeito.

Por favor coloque mais informações para que eu possa te ajudar.

Abraço!

62 Renan 29/08/2010 às 2:59 am

Olá, galera to criando um script, pra quem deseja criar uma radio online, com auto dj e com locutor online, tudo controlado pelo painel de controle,
quem tiver afim de saber do andamento do script so fica ligado no blog, pq quando terminar postarei aqui pra download, falow

Obs. Sistema em Php e Mysql.
e-mail: renan.kayro@gmail.com

63 Anderson 30/08/2010 às 1:11 am

quando clica em início abre um novo playr, ou seja, toda vez que alguem volta prá página inicial abre um novo play

o que devo fazer

64 Renan 30/08/2010 às 2:35 pm

olá, poderia me passar o site eu ve se consigo algo,
resposta obv, eh q no link que vc coloco pra abrir a pagina inicio, está indicando index.html, está errado, pq quando vc clica vai ta abrindo a pagina de frameset, que possui ons 2 frames, o certo eh vc colocar no link, o endereço da pagina inicio, não a index.html, por exemplo sua pagina inicio tem o nome do arquivo inicio.html, intao no link vc coloca
INICIO, ai sim vai abrir a pagina inicio, se no seu codigo vc colocou INICIO, vai abri a index.html,

espero ter ajudado
falow

65 Renan 30/08/2010 às 2:39 pm

so pra concertar o que eu disse acima, o codigo que eu postei o site interpretou como codigo html,
no primeiro inicio ta assim <a href="inicio.html">INICIO</a>, no segundo INICIO este codigo, <a href="index.html">INICIO</a>

66 rubens 20/10/2010 às 3:22 pm

Olá, muito bom seu POST, qualidade na pronuncia e bem elaborado…limpo. Eu tenho uma webradio faz 1 ano e só agora me deparei com um grande problema quando adicionei um novo MODULO joomla. Todos os outros sites joomla que tive não deu problema mas “ESSE” não está direcionando para a INDEX e sim para a página original do joomla. o que eu faço?

O que acontece é que esse modulo pula a index e vai direto para o conteúdo pois eu colocquei o site numa outra pasta. então minha estrutura é:

index.html
dir.htm
player.htm
pasta1(arquivos flash player)
pasta2 (site)

resultado:
http://www.seteponto7.com/ (com o player tocando normal)

Quando eu clico na noticia e pula para:
http://www.seteponto7.com/ “x”
ai o topo desaparece…

67 rubens 20/10/2010 às 3:39 pm

Explicando a estrutura:

index.html – pagina livre que abre o player e o index.php do site original joomla
dir.htm – direciona para index.php do site joomla
player.htm – é exibido no arquivo index.html
pasta1 – (arquivos flash player)
pasta2 – (onde está localizado o site)

68 Celso Lemes 20/10/2010 às 10:38 pm

Rubens,
Desculpe mas meu conhecimento sobre o Joomla é meio limitado. Eu não sei como isso poderia ser solucionado.

Abraço!

69 djean 02/11/2010 às 3:43 pm

olá fiz meu site em css,java script,e html,php
mais o serv omde eu publique não aceita php olha como o site fico
http://www.supremohacker.hg1.com.br o no hacker era porque eu apenas ta testando o serv não tem nada de hacker la não

70 Celso Lemes 02/11/2010 às 10:41 pm

Djean,
O HD1 não suporta PHP mesmo.

Abraço!

71 Maciel 13/11/2010 às 12:13 pm

Oii Celso Lemes Queria sabe como coloca uma Rádio online eu falando ta ligado igual muitos sites ai,, tipow coloca radio na webnode eu sei so que outra radio de outro site issuh e facil mais quero monta a minha eu colocando as musica eu mandando alo pra galera será que tem como? vlw manolo espero a resposta

72 Celso Lemes 14/11/2010 às 12:59 am

Maciel,
Aí você teria que usar um sistema de streaming e um script que se encarregue de gerenciar o player e as músicas. Eu não entendo muito bem sobre isso, mas você pode utilizar a RJHost que oferece planos de streaming com o script de gerenciamento.
Ps. Não existe empresas que ofereçam hospedagem com streaming de graça.

Abraço!

73 Ricardo Akira Kobayachi 03/12/2010 às 2:42 pm

Correção

Olá galera, gostaria de saber se existe um geito de resolver o seguinte problema fiz a página com dois frames conforme mostrado, só que quero que o play apareça junto com o site, e quando eu clicar no menu tela não fique branca segue o site com play e sem play

http://www.arenadaserra.com/index.html com play
http://www.arenadaserra.com/index.php sem play

veja que com sem play é bem mais rápido trocar de página

74 Celso Lemes 05/12/2010 às 12:38 am

Ricardo,
Eu testei o seu site e não encontrei nada errado. Você já arrumou o problema?

Abraço!

75 helio 28/12/2010 às 3:30 pm

Vc diz que não funciona no webnode então que outra alternativa eu tenho?

76 Celso Lemes 29/12/2010 às 12:10 am

Helio,
No Webnode a solução seria usar um player com o Mixpod.

Abraço!

77 Rômulo 06/01/2011 às 11:27 am

eu não preciso de muita ajuda , meu site está perfeito com a radio Flogão , mais essa radio não está satisfazendo o pessoal e eu gostaria de colocar mais uma alguem ai tem o código ? Agradeço antecipadamente !

78 Celso Lemes 07/01/2011 às 12:54 am

Rômulo,
Você pode utilizar o MixPod que também é muito bom.

Abraço!

79 Marcelo R. 09/01/2011 às 1:32 am

Celso como sempre muito bom todos os posts deste site, eu “sofri” um tempo para criar players, “upar” arquivos de radio web etc e com tanto quebrar de cabeça acabei conseguindo muita coisa, quem quiser pode conferir nos sites:
http://www.novageracaofm.hd1.com.br – Audio AAC+ – Criado com Webacapella e
http://www.novageracaoweb.com – Audio Mp3 (por enquanto) também criado com webacapella

Percebo que algumas pessoas querem usar o código do listen2myradio em seus sites, porém o listen usa uma limitação para que o player seja tocado a partir apenas dos servidores deles. Eu fiz uns testes e consegui usar o Player do Listen2myradio em outros locais porém tem uns macetes para tal. Primeiramente o usuário precisa ativar seu servidor de streaming no Listen2myradio. Logo após o encoder (SimpleCast) precisa estar transmitindo, em seguida abra o link da sua radio dentro do listen 2 my radio, neste momento o player começará a tocar (não feche!), copie o ip e porta da sua transmissão e insira em um arquivo html no qual o player do seu site vai tocar. Após isso vc ja pode fechar o player do site da sua radio no listen 2 my radio, porém se vc parar de transmitir (desativando com isso o servidor) antes de tocar em qualquer outro lugar o primeiro “play” deve acontecer dentro do servidor do listen. Foi um pouco extenso mas acho que ajudou em algo, caso tenham alguma duvida e precisem de alguma explicação específica, podem me contatar pelo email studioassessoria@yahoo.com.br não conheço muita linguagem de programação mas no que eu puder ajudar, podem contar!
Att.
Marcelo R. (um individuo que sofreu para criar uma radio web, mas conseguiu!)

80 Celso Lemes 10/01/2011 às 11:09 am

Marcelo,
Interessante isso. Pode ajudar algumas pessoas.

Abraço!

81 Renan 16/01/2011 às 4:03 pm

e ai galera, to aqui dinovo pra dizer que aquele site que eu prometi em php +mysql, to quase terminando e posto aqui.

pra quem nao sabe eu criei um site em php e mysql, pra quem ta começando agora com webradio e não quer gastar dinheiro com estreaming eu criei um sistema, que cria uma playlist aleatoria, e que tambem tem como ser locutor, esse sistema como eu disse vai ser so uma alternativa pra quem quiser ter uma web radio, daqui uns dias posto pra vcs fazerem o download.

aqui a minha radio, radio-satellite.totalsfree.com

82 jorge neto 30/01/2011 às 3:27 am

ola gostaria de saber se tem como usar esse modo da barra de rádio em sites webnode?….
Desde já Agradeço

83 Celso Lemes 31/01/2011 às 1:03 am

Jorge,
Essa barra não tem jeito no Webnode. Mas você pdoe usar o MixPod.

Abraço!

84 Marcelo R. 31/01/2011 às 10:24 am

Tiago, acredito que no Blogspot vc consiga colocar a rádio para abrir como popup, porém o player precisa estar hospedado em algum lugar. Aqui mesmo no Criar sites tem um tutorial de criação deste popup
http://www.criarsites.com/popup-com-tamanho-controlado/

Precisando de algo, conte conosco!
Abraço
Marcelo R.

85 Nycolas 19/04/2011 às 12:33 pm

Teste este Script. É da Rádio 93,9 FM.

var jwp = new SWFObject(‘http://streaming10.maxcast.com.br/includes/jwplayer/player_simple.swf’, ‘ply’, ’230′, ’24′, ’9′);
jwp.addVariable(‘file’, ‘http://streaming10.maxcast.com.br:8148/live?type=.flv’);
jwp.addParam(‘allowscriptaccess’, ‘always’); jwp.addVariable(‘fullscreen’, ‘false’); jwp.addVariable(‘autostart’, ‘true’);
jwp.addVariable(‘provider’, ‘video’); jwp.addVariable(‘duration’, ’599940′); jwp.write(‘player’);

86 mateus 29/06/2011 às 1:44 pm

Eu queria saber se o blog blogge eu recarregar a página o blog tendo so uma página so a principal sem outras páginas se eu recarregar a página o player reenicia?,também eu queria aaber como eu faço pro meu streaming ficar sempre on no listen?

87 Celso Lemes 29/06/2011 às 3:53 pm

Mateus,
Se você recarregar a página o player reinicia sim.

Abraço!

88 Jeferson Nunes Arantes Fuhr 29/06/2011 às 8:45 pm

Ola gente. Eu fiz exatamente o que o tutorial ensinou, contudo tenho um pequeno problema … o player ta la certinho e tals, clico nas páginas e ele continua funcionando … massssss… quando eu clico denovo na página inicial ele carrega +1 player.
Ou seja, quando clica umas 10 vezes na página inicial, ele abre 10 player 1 em baixo do outro … pra sumir só se der F5.

Alguem tem alguma ideia??

89 Celso Lemes 01/07/2011 às 11:33 am

Jeferson,
Eu não tenho certeza, mas acho que o problema é que seu link do botão contém o link http://www.arenasertaneja.net/index.html
Ele deveria conter apenas http://www.arenasertaneja.net/, sem o index.html no final. Ele não é necessário neste caso.

Abraço!

90 ReinaldoDesign 30/06/2011 às 5:13 pm

Boa tarde…

Legal o tópico….. Mas tenho outra dúvida! Faço um programa em uma rádio e tem o site do mesmo… mas vive dando problema no site…. teria como eu colocar o rádio que faço o programa no meu próprio site? Não ficando refém do site da rádio? O cabo da mesa de som eu coloco no meu note…. mas não sei o procedimento para colocar no ar pelo meu site.

Grato!

Reinaldo

91 Celso Lemes 01/07/2011 às 11:43 am

Reinaldo,
Isso é bem complicado de fazer, além de precisar de uma hospedagem especial que ofereça streaming. Se você procura uma solução, confira a dualHosting.

Abraço!

92 Marcelo 02/07/2011 às 3:22 pm

Olá Reinaldo, boa tarde. Tem como você fazer o que quer, porém precisaria como o Celso citou, contratar um serviço de streaming (se precisar fale conosco). Dessa maneira é instalado um encoder em seu computador que será responsável pela transmissão do áudio. Existe uma forma gratuita de criar um streaming localhost pela sua máquina, porém os ouvintes se conectariam direto ao seu pc através de uma porta especifica, o que além de deixar a conexão baixa (pois quanto mais ouvintes, maior o consumo de banda) também oferece riscos, pois uma porta do seu pc está liberada pelo firewall para a transmissão. O ideal é a contratação de um serviço.
Uma boa tarde a todos, fiquem na paz!
Marcelo R.

93 Marcos de Souza 26/07/2011 às 5:22 pm

OLa Celso Blz eu estou com 0 mesmo Problema do Jeferso Li a sua resposta mas nao consigo deixar o Arquivo sem o .HTML no programa teraia como Fazer isso No bloco de Nota do Index2

Jeferson Nunes Arantes Fuhr 29/06/2011 às 8:45 pm
Ola gente. Eu fiz exatamente o que o tutorial ensinou, contudo tenho um pequeno problema … o player ta la certinho e tals, clico nas páginas e ele continua funcionando … massssss… quando eu clico denovo na página inicial ele carrega +1 player.
Ou seja, quando clica umas 10 vezes na página inicial, ele abre 10 player 1 em baixo do outro … pra sumir só se der F5.
Ola gente. Eu fiz exatamente o que o tutorial ensinou, contudo tenho um pequeno problema … o player ta la certinho e tals, clico nas páginas e ele continua funcionando … massssss… quando eu clico denovo na página inicial ele carrega +1 player.
Ou seja, quando clica umas 10 vezes na página inicial, ele abre 10 player 1 em baixo do outro … pra sumir só se der F5.

94 Celso Lemes 27/07/2011 às 2:41 am

Marcos,
Acredito que o link da inicial esteja apontando para seusite.index.html (ou algo assim). Neste caso basta retirar o index.html e deixar apenas o endereço principal do site no link. O próprio servidor se encarrega de enviar o visitante para o index.html

Abraço!

95 Rogério 01/08/2011 às 11:47 am

Amigo, aqui vai uma dica pro pessoal, pra quem usa sites tipo o Webnode ou Yola, tem um jeito de colocar uma espécie de frame, confira no link abaixo
http://www.myway.pt/widgets.aspx

96 Felipe 29/08/2011 às 11:18 pm

Para criação de rádio online,disponibilizei o seguinte tutorial super explicado com imagens e com downloads!

lembrando a todos: é gratuito? É! mas não tem como auxiliar,porque ja postei o tutorial que está DESENHADO ENTão nao tem erro:
Coloquei a link do 4shared em compactadores, pq o link é grande)
Link 1: http://migre.me/5Aj33 (download do tutorial pelo 4shared)
link 2: http://lc4.in/697C (alternativo se o 1º nao der, tem o segundo

deixarei meu email para dúvidas: ife_lipe@hotmail.com – só duvidas nao me mande e-mail pedindo para fazer rádio para você, ok?

espero ter ajudado

97 Anndy 29/09/2011 às 2:33 pm

como eu publico os arquivos e coloco no blog ?

98 Celso Lemes 29/09/2011 às 11:14 pm

Anndy,
No Blogger não tem jeito. Você precisa de um serviço de armazenamento de arquivos.

Abraço!

99 Portal Umbanda 18/10/2011 às 9:21 pm

Celso achei esse plugin! http://wordpress.org/extend/plugins/station-pro/
Achei muito interessante…Poderia fazer um post sobre ele? Acho que com alguns ajustes fica legal…

100 Celso Lemes 19/10/2011 às 1:37 am

Portal,
O problema deste plugin é que ele exige que o servidor suporte streaming e eu não tenho um servidor assim.
De qualquer forma, eu vou dar uma olhada nele.

Abraço!

101 Everton 19/11/2011 às 6:28 pm

estive olhando a este link q vc postou e sim acho q tem como fazer o streaming de rádio para o wordpres, pois vc terá q botar o IP e a port da rádio neste plugin na hora de configurá-lo, dai q claro trá o player lá no wordpress, apreçe ser interessante. Diga-me vc jpa conseguiu algo lá? ^^

102 Everton 19/11/2011 às 6:18 pm

Olá, Celso se eu num entendir direito, assim baixando o frame e tal, edito e tal e daí mando os 3 arquivos para um hospedeiro correto? Daí que o frame né irá apareçer idenpendente de onde esteja hospedado ou feito site/blog aquela barra? ‘-’ Exemplo, tenho um blog do blogspot, ai fiz essa coisas todas do frame e hospedei e tal, ai qndo eu abrir o blog ele irá apareçer o frame pois está hospedado em um servidor ae e nisso resulta de que posso fazer em qualqer site e ou blog, pq o mesmo está hospedado em outro lugar dai ele irá apareçer em qualqer construtor? ou não?

103 Celso Lemes 20/11/2011 às 2:55 am

Everton,
É isso mesmo. Você pode exibir qualquer site dentro do iframe.

Abraço!

104 Rafael - RAEL CDs 08/12/2011 às 8:51 pm

Tenho um Blog na plataforma Blogspot e vou criar uma rádio e quero colocar no blog mais tenho um domínio .com e queria saber se hospedando esses arquivos como o index2 teria que mudar algo no blog ou só precisa hospedar cada um mudando os links ?
Se vc me esclarecer ficaria grato pq tenho algumas dúvidas ainda sobre isso. Valeu Abraços!!!

105 Celso Lemes 08/12/2011 às 11:50 pm

Rafael,
Não precisa mudar nada no Blog, basta alterar as URLs nos arquivos que eu disponibilizo aqui.

Abraço!

106 Rafael - RAEL CDs 09/12/2011 às 2:34 pm

Valeu cara me ajudou muito mesmo! E parabéns pelo site muito bom.

107 Felipe 07/01/2012 às 12:28 am

Coloquei o frame da rádio,mas há um problema,toda vez que clico na minha página principal aquela barra da rádio duplica,triplica etc…Como faço para corrigir isso.

108 Celso Lemes 08/01/2012 às 11:56 am

Felipe,
Seria melhor se eu estivesse olhando o seu site para dizer o que tem de errado. Mas pelo que eu já vi por aí, esse problema acontece porque o link que leva para a Inicial está apontando para o arquivo seusite.com/ index.html. O ideal é que ele aponte apenas para o domínio principal, tipo seusite.com

Abraço!

109 Fernando Moraes 13/01/2012 às 3:31 am

ola eu tenho um site com uma web radio mais toda vez q clico em uma aba do meu site ele corta o audio do streaming? como faço para colocar um iframe e resolver esse problema? obrigado fernand

110 Celso Lemes 14/01/2012 às 11:53 am

Fernando,
Você precisa do iframe para resolver este problema. Como você está criando seu site? O jeito de fazer isso vai depender de alguns fatores.

Abraço!

111 Jhon Marques 01/02/2012 às 1:00 am

como faço pra narra ao vivo?

112 Celso Lemes 01/02/2012 às 3:02 am

Jhon,
Aí você vai precisar de algo mais sofisticado. Recomendo que leia este artigo onde eu falo mais sobre o assunto.

Abraço!

113 Edilson 03/02/2012 às 5:35 am

Queridos,
funciona bem legal e de maneira facil, parabéns!
Gostaria de saber como faço para editar o layout da radio para ficar com a cara do meu site e os links do face e do twiter.
Desde já agradeço a atenção!

114 Celso Lemes 03/02/2012 às 5:09 pm

Edilson,
Não tem como editar. Esta barra está armazenada no servidor do site que oferece o rádio.

Abraço!

115 Edilson 03/02/2012 às 7:58 pm

obrigado!

116 Edson 20/02/2012 às 8:13 am

Bom dia,
No momento ainda não registrei o dominio próprio para meu site. Por se tratar da Webnode, logo apos passar a ter o dominio sera possivel a colocação da radio? Muito obrigado. Se possivel responda para o email.

117 Celso Lemes 21/02/2012 às 2:27 am

Edson,
No Webnode não tem como colocar uma rádio de forma que ela sempre toque, mesmo quando o visitante mude de página, ele é muito limitado neste sentido. Se você quer algo mais flexível para customização deste tipo, recomendo que utilize uma hospedagem profissional e instale um sistema CMS como o Joomla ou WordPress.
Mas repare que mudar de um construtor de sites para um sistema CMS é um grande passo. Você terá que aprender muita coisa que não seria necessário se estivesse usando o Webnode.

Abraço!

118 Vinícius Oliveira 24/02/2012 às 10:08 am

Celso, acompanho o site.. e queria uma ajuda agora que preciso, pode ser? :)
Queria um tipo de Rádio, na qual eu possa transmitir ao vivo daqui de casa .. não precisa suportar muitos ouvintes, pois seria mesmo mais um ” hobbie ” para eu e meus amigos aproveitarmos os tempos monótonos.
Queria ajuda para algum tipo de rádio, no qual eu possa ter minhas músicas ao vivo, e que eu possa ” falar ” ao vivo também.
Obrigado! ;D

119 Celso Lemes 25/02/2012 às 1:08 am

Vinicius,
Até onde eu sei, você precisa de um servidor de streaming para transmitir áudio do seu pc para os ouvintes. O problema é que este tipo de hospedagem costuma ser um pouco mais cara que a convencional. Procure no Google por hospedagem com streaming.

Abraço!

120 washington 07/03/2012 às 11:37 pm

boa noite, porque em blog o player não funciona automaticamente, só quando a pessoa clica em play? abraços, muito bom o artigo de musicas ou rádios online

121 Celso Lemes 08/03/2012 às 2:04 am

Washington,
Era para tocar direto. Já testou com outro navegador de Internet?

Abraço!

122 marcelo barbosa 27/03/2012 às 9:40 am

Celso,
tentei fazer com que minha plalyst do mixpod ficasse tocando sempre sem ficar reiniciando, usei aqueles dois index que voce tem,mudei o endereço certinho mais nao funcionou .Poderia me ajudar, por favor meu site é no webnode.
parabens pelo site muito bom conteudo.
um abraço e que Deus te abençoe

123 Celso Lemes 28/03/2012 às 12:55 am

Marcelo,
Mas no Webnode não tem como usar ele mesmo. Você teria que criar seu site e publicá-lo em uma hospedagem. Nenhum construtor de sites permite usar este tipo de código para as rádios.

Abraço!

124 renato patrick 20/05/2012 às 7:21 pm

ola celso segui suas instruções abril legal mais no menu quando mando abrir as outras paginas ele carrega a pagina toda e o web radio num aparece mais so esta aparecendo da pagina inicial do site oque pode estar acontecendo
aguardo retorno

125 Celso Lemes 22/05/2012 às 7:48 am

Olá Renato,
Eu não entendi direito o problema. Pode me passar o endereço da página em que a rádio foi instalada para que eu dê uma olhada?

Abraço!

126 Rafael 30/05/2012 às 12:24 pm

Consegui, mas eu nao posso trocar as musicas que estao tocando?

127 Celso Lemes 31/05/2012 às 12:43 am

Rafael,
Não. Se você quer algo mais customizável, terá que criar uma rádio online em uma hospedagem com streaming.

Abraço!

128 João 15/06/2012 às 9:10 am

Consegui colocar a radio no meu site…
Mas a radio que está a tocar é a hunter quero trocar pela minha, já adicionei o codigo..
E a radio é sempre a hunter..

O meu site é o seguinte:
http://lojamundial.net/

Como poderei fazer para colocar a minha radio?

Obrigado

129 João 15/06/2012 às 9:32 am

Se for necessário poderei lhe enviar o codigo que possuio..

Obrigado

130 Celso Lemes 16/06/2012 às 11:01 am

Olá João,
Desculpe mas eu não posso ajudar com isso. Não sei mexer com programação.

Abraço!

131 João Gomes 15/06/2012 às 11:39 pm

Ola fiz tudo certinho como você falou…
Aparece a radio no meu site e está a tocar…
Mas eu quero adicionar a minha rádio e não consigo já colei o meu codigo no player.html mas não aparece a minha rádio aparece sempre a radio hunter..Pode me ajudar amigo?

Obrigado

132 Celso Lemes 16/06/2012 às 11:12 am

Olá João,
Desculpe mas eu não posso ajudar com isso. Seria necessário entender um pouco de programação.

Abraço!

133 Marcelo 16/06/2012 às 8:48 pm

Olá João, entrei no sei site e verifiquei que para que sua rádio toque ao invés da que está autalmente, vc precisa trocar o numero do ip que está, pelo ip da sua rádio….
A alteração é no seguinte arquivo:

Onde está o “http://212.7.201.164:8090″ vc substitui pelo ip da sua radio .

Espero ter ajudado!
Abraço

134 João Gomes 17/06/2012 às 12:51 am

Muito Obrigado..

Já está a funcionar com a radio que queria.. falta só adicionar um botão para que os visitantes do meu site possam parar a musica sempre que desejarem, ……

Mais um vez muito obrigado por resolver o meu problema

135 Renato Vaz 15/08/2012 às 2:32 pm

Criei uma Web Rádio e um site para colocar o Player. Na minha rede consigo ouvir perfeitamente, mas outros ouvientes quando acessam o site e o player ele carrega e PRONTO fica só nisto. A Rádio foi criada no servidor LISTEN2MYRADIO. Se alguém puder a judar ficarei agradecido.

136 Celso Lemes 16/08/2012 às 1:33 am

Olá Renato,
Desculpe mas eu não posso ajudar. Espero que alguém saiba como resolver seu problema.

Abraço!

137 Marcelo 16/08/2012 às 10:28 pm

Olá Renato, boa noite. Os streamings montados pelo lysten2myradio funcionam da seguinte forma: para que outros ouvintes possam ouvir sua rádio, é necessário que o player principal (aquele que fica na página deles tocando sua rádio) esteja aberto “constantemente”. Sendo assim, faça um teste abrindo no seu pc o player da sua radio, verifique se o servidor está ativo e rodando e logo após verifique se tem som. Caso vc consiga ouvir sua radio, sem fechar o player principal , peça para alguem acessar a url de audição para ver se consegue ouvir sua transmissão. É bem provavel que consigam, pois esta é uma tecnica usada pelo listen para que os ouvintes acessem sempre a area deles. (PS: mas dá pra embeber o código em um player de topo por exemplo). A explicação foi meio longa, mas espero ter ajudado, qualquer duvida, conte conosco.

138 Matheus 02/01/2013 às 9:38 pm

Amigo, com vai? li toda a explicação, e realmente me foi MUITO útil, mas não consegui implatá-lo, devido trabalhar com WordPress… Teria alguma forma de criar este sistema com o WordPress?

Agradeço a atenção e a aula.
Espero sua resposta o mais rápido possível.
Muito obrigado!

139 Celso Lemes 03/01/2013 às 6:04 pm

Olá Matheus,
Você teria que publicar o WordPress dentro de uma pasta chamada “blog” por exemplo e na pasta raiz que é onde se encontra os arquivos do seu blog, você deve deixar os arquivos da rádio.
Existe uma alternativa para mudar um blog de pasta e manter ele funcionando, mas isso requer algum conhecimento sobre como mexer no banco de dados. Neste caso você teria que reinstalar o WordPress diretamente nesta pasta desejada.

Abraço!

140 Matheus 03/01/2013 às 7:22 pm

Muito obrigado a ajuda Celso, mas acho q seria inviável para mim fazer todo este procedimento, uma vez que ja tenha links espalhados pela web, imagens, e muitos artigos, teria realmente que reinstalar tudo, iria dar muito trabalho, mas agradeço desde já a ajuda…

E Parabéns pela explicação, finalmente achei alguém que soubesse explicar! =D

141 Evanilson leite 04/04/2013 às 3:57 pm

olá celso….
como faço para colocar uma radia especifica usando esse material do dowload ????

aguardo !!

142 Celso Lemes 08/04/2013 às 11:20 am

Olá Evanilson,
Você teria que editar o código dos arquivos para adaptar a nova rádio. O problema é que isso requer algum conhecimento sobre PHP e HTML.

Abraço!

Comentários para este post estão fechados.

Post Anterior:

Próximo Post