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.

A estrutura
No exemplo do player que aparece no fórum, a página é formada por 2 páginas + a página do fórum.
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.

Os arquivos do Frame foram escritos por Luigi do blog Tatiana Malafaia Fã Site.

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.

Related Posts with Thumbnails

Mais Artigos que você pode estar interessado



{ 120 comentários… leia abaixo ou deixe o seu }

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

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

Francisco.

Responder

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!

Responder

3 Francisco 29/03/2009 às 11:23 am

Abraço,amigo Celso,e obrigado pela informação!

Responder

4 Francisco 29/03/2009 às 11:46 am

Tem algum turtorial explicando?

Responder

5 yago 29/03/2009 às 11:55 am

Quero Fazer Uma Radiioo Mais eu naum seii fazer como que eu fassoo para fazer a radioo

Responder

6 Celso Lemes 29/03/2009 às 2:22 pm

Francisco,
Não tenho nenhum tutorial, mas vou ver se eu consigo fazer uma vídeo aula explicando melhor.

Yago,
“Fazer uma rádio” é muito complicado, neste caso eu recomendo que aprenda a programar e mexer com servidores antes.

Abraço!

Responder

7 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.

Responder

8 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!

Responder

9 max soel 05/04/2009 às 5:02 pm

gostei muito de sua materia eu nao tenho esperiencia com html mas gostaria de colocar uma radio no meu site como faço este codigo pois fica muito bom vc pode pasar de uma pagina para outra e a radio continua sem cortes se puder me dar o codigo pronto e em vermelho onde eu tenho que editar agradeço desde ja e parabens pelo teu projeto.

Responder

10 Tiago 12/04/2009 às 1:31 am

celso
tem como eu colocar a radio usando o cariboost :shock: :shock: :???:

Responder

11 Celso Lemes 12/04/2009 às 10:30 am

Tiago,
Eu fiz um teste com esse código no Cariboost e não consegui resultados satisfatórios, a barra e o site ficava desalinhados.

Abraço!

Responder

12 Gabriel 13/05/2009 às 9:46 pm

como faço pra colokar a radio q eu crie no player?

Responder

13 Celso Lemes 14/05/2009 às 5:52 am

Gabriel,
Eu não entendo de programação portanto não poderei lhe ajuda a fazer isso.

Abraço!

Responder

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

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

Responder

15 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!

Responder

16 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)

Responder

17 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!

Responder

18 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ã

Responder

19 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!

Responder

20 Samuel Franco 13/06/2009 às 12:37 pm

Bom dia, baixei tudo e fiz tudo certinho editando e nao da caero, sendo que o link da rádio que coloco no player é do Listen2myradio. Tem algum problema, te algum servidor que é melhor para hospedar? Estou precinsando desse site com rádio urgente, quem puder me ajudar agradeceria MUITO, meu msn: samuelfranco@live.com muito obrigado a todos.

Responder

21 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

Responder

22 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!

Responder

23 Dênis 13/06/2009 às 7:28 pm

Obrigado Celso…
Porém decidir não usar esse sistema vou atras de um Menu “dropdown”

Att,Mulambo

Responder

24 Samuel Franco 14/06/2009 às 10:09 am

Denis, desculpa ficar te pertubando, mais da uma olhada no linck do meu site, fiz tudo certo editei conforme o vídeo e nao da certo. Voce consegue indentivicar o erro? Muito obrigado, abraços.

Responder

25 Samuel Franco 14/06/2009 às 10:10 am

Desculpe lembrei agora, qualquer coisa se travar como trava aki e vai pro site do lysten2myradio, vc entra no index2: http://www.skolacho.host.sk/index2 abraços.

Responder

26 Dênis 14/06/2009 às 10:19 am

Não consegui entrar não…

me add no msn que ai te ajudo

mulambo80s@hotmail.com

Responder

27 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í…

Responder

28 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!

Responder

29 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…

Responder

30 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?

Responder

31 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!

Responder

32 André F Santos 03/08/2009 às 8:38 am

Obrigado pela ajuda Celso mas não consegui.

Os editores estão dando uma mensagem: este arquivo não pode ser editado por uma ocasião desconhecida.

E pelo bloco de notas acho que não dá pois é um PHP da pagina da Radio Nova.

Só precisa alterar Radio Nova para Rádio Amiga e Radio nova no seu ritmo para a radio da integração.

Obrigado, vou continuar tentando.

Responder

33 jocimar 17/08/2009 às 1:01 pm

o player funciona muito bem no internet explorer mais não toca no firefox pode me ajudar

Responder

34 Celso Lemes 17/08/2009 às 5:25 pm

Olá Jocimar,
Infelizmente eu não sei como isso pode ser solucionado. Comigo ele funciona corretamente.

Abraço!

Responder

35 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!!! ;-)

Responder

36 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!

Responder

37 Geovane 27/08/2009 às 11:21 am

eu gostaria de saber vc tem tuturial de fazer esse play passo a passo
flash :cool:

Responder

38 Celso Lemes 27/08/2009 às 7:56 pm

Geovane,
Não tenho não. Eu não sou programador e não tenho a mínima idéia de como isso é feito.

Abraço!

Responder

39 Geovane 28/08/2009 às 12:21 pm

é criação de radio web vc tem noção

Responder

40 Celso Lemes 28/08/2009 às 11:26 pm

Geovane,
Não tenho noção nenhuma sobre isso.

Abraço!

Responder

41 Vinicius Rodrigues 01/09/2009 às 6:22 pm

Caro celso.
Eu gostaria de cria um player tipo o do RADIO NOVA e que ficasse la em cima tbm.
Pois tenho uma radio no listen2myradio.com e gostaria de por o player qe qero criar para funcionar em otra página junto com minha rádio. Não sei se me entendes.
Obrigado, abraco !

Responder

42 Celso Lemes 01/09/2009 às 10:51 pm

Vinicius,
Eu não sei criar uma rádio online, apenas ensinei as pessoas a inserirem uma rádio utilizando a Rádio Nova.
Pelo que eu tenho conhecimento, é necessário ter um servidor que suporte streaming, o que é um pouco caro (não existem servidores assim que sejam gratuitos).

Abraço!

Responder

43 Junior 03/09/2009 às 12:31 am

Ola gostaria de saber se tem como fazer isso com o listen2myradio se tiver pode explicar?
se puder ou alguem queser me ajudar eu agradeço
meu email e kakashi_jc@hotmail.com

Responder

44 Celso Lemes 03/09/2009 às 10:23 am

Olá Junior,
Eu nunca utilizei este listen2myradio e não sei dizer se é possível ou não.

Abraço!

Responder

45 Geovane 03/09/2009 às 12:13 pm

oba junior não e dificil fazer radio nele e facil só tem porem ser você fazer site quere bota play nele host do listem não ajuda muito porque não chegar musica ele só envia pro site do listen2myradio tá você quiser mas algumas coisa uma duvida só fala aqui respondo abraço :lol:

Responder

46 junior 03/09/2009 às 7:09 pm

vlw mais eu achei um jeito de coloar o palyr do listen2myradio em qual quer site e tbem tem como mudar o site agora agora ele deixa vc colocar seu proprio dominum xD

Responder

47 Geovane 04/09/2009 às 1:10 am

tem como você me ensina fazer isso
to aqui perdidinho

Responder

48 daniel 21/09/2009 às 10:59 pm

celso cara queria pedi uma imformção sabe eu fis uma radio pelo sam brodcaster ta no listeem sabe o domino weebly ai tava criando site por la ai queria bota minha radio pelo site weebly mas o player de lah e pago queria saber como por sem presisa meu amigo me falo qui pelo java script tem como mas nao tem noção de bota vo deixa meu email entre em contato comigo por favor daniel_s-k-8@hotmail.com :mrgreen:

Responder

49 Celso Lemes 21/09/2009 às 11:09 pm

Daniel,
Eu não entendo nada de programação e não sei como isso poderia ser feito.

Abraço!

Responder

50 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

Responder

51 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!

Responder

52 francilio 29/09/2009 às 8:06 pm

oi!

agradeço pela aula

quero te parabenizar.

só tenho uma duviada
eu fiz exatamente como vc nos ensinou deu tudo certo
só queria saber como colocar musicas que estão em meu pc?

vc poderia me ajudar

Responder

53 Celso Lemes 30/09/2009 às 1:58 am

Francilio,
Acho que você entendeu errado. Esse código serve para incluir uma rádio online oferecida pelo http://www.portalradionova.com/ ou outro que ofereça um player que possa ser inserido em sites.

Se você precisa de um player simples em seu site, você pode utilizar o Divshare http://www.criarsites.com/divshare-hospedagem-de-videos-fotos-e-musicas/ que permite publicar músicas do seu computador.

Abraço!

Responder

54 junior 30/09/2009 às 10:28 pm

francilio
tipo você tem que criar primero a radio e necesita de programas um so oque pode ser o virtual dj ou o melhor e oque eu uso SAM Broadcaster mais tem varios outro vai da sua escolha ;-)

Responder

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

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

Responder

56 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!

Responder

57 Max soel 18/10/2009 às 5:55 pm

ola aqui é o max tenho lido diverssas matérias suas e gosto muito de seu site mas meu assunto é referente a como criar uma radio online ja tenho o site http://www.radioconexaoonline.com em 2 meses ja tive 4.300 acesso mas não tenho esperiencia coloquei um pley com musicas gravadas mas gostaria de colocar uma radio ao vivo no site ja criei um espaço no brodcast só não sei criar um inframe para colocar um pleyer da minha propria radio se puder me ajudar ficarei muito grato e agrardo resposta um grande abraço valeuu parabens pelo teu trabalho

Responder

58 Celso Lemes 18/10/2009 às 8:27 pm

Max,
O Iframe disponível nesta página não serve para o que você deseja? Se não serve, tente explicar melhor o que você precisa.

Abraço!

Responder

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

teria como criar a web radio na host ucoz?

Responder

60 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”

Responder

61 jhonatan 06/11/2009 às 8:50 am

tem como criar uma radio em um blog, para trazer um ar melhor para quem visita-lo?

Responder

62 Celso Lemes 06/11/2009 às 2:56 pm

Jhonatan,
Se for no Blogspot não tem porque ele não permite o acesso via FTP. Você pode inserir um player, porém ele seria reiniciado toda vez que o visitante mudar de página.

Abraço!

Responder

63 lucas 06/11/2009 às 12:19 pm

Celso teria como de fazer tipo uma ligação do site do systen2myradio para o ucoz?

Responder

64 Celso Lemes 06/11/2009 às 2:59 pm

Lucas,
Eu não sei dizer se isso é possível.

Abraço!

Responder

65 aguia de prata 08/11/2009 às 10:51 am

celso bom dia . po vc nao teria ai o codigo pronto da jbfm para eu postar la no site . sou anafainfo funcional.
abaraçao e parabens ai

Responder

66 Gustavo 20/11/2009 às 9:50 pm

Celso ou alguém, eu desejaria aprender a mecher em servidores, instalar uma radio no meu site com locutores, e etc. Se alguém pudesse me disponibilizar o link de algum tutorial ou até mesmo me explicar estarei agradecido.

Responder

67 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

Responder

68 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!

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Post Anterior:

Próximo Post