Código para instalar uma rádio Online no seu site | Criar Sites

Inicial

Anuncie

Boletim de Novidades

Contato

Mais

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

por Celso Lemes em 26/03/2009

na categoria PHP, HTML e JavaScript

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

Tags Instalar Rádio, Rádio, Rádio Online

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

← Comentários Anteriores

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

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

Responder

3 Cleber 07/12/2009 às 7:12 pm

Ola amigo qro ver se vc pode me ajudar com uma duvida…

estou tentando desenvolver uma radio online decente, porem gostaria de saber como q faço um player igual este colocado no exemplo ai do video, feito em html, php, javascript <– pois em flash n manjo nada,… se puder me ajudar agradeço

flw

4 Celso Lemes 08/12/2009 às 4:46 am: Cleber,
Eu também não sei como isso é feito. Eu não sou programador.

Abraço!

Responder

5 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

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

Responder

7 alexandre 09/12/2009 às 11:14 pm

como faço para rodar no mozilla firefox, desde ja agradeço.

8 Celso Lemes 10/12/2009 às 12:26 pm: Alexandre,
Este script roda no Firefox. Pelo menos aqui funciona.

Abraço!

Responder

9 dnho mendes 31/12/2009 às 11:10 am

gostareia de um desses mas para blog, sera que tem como, muito obrigado

10 Celso Lemes 01/01/2010 às 2:57 pm: Dinho,
Para o Blogspot não é possível. Você teria que instalar um player simples. Repare que ele reinicia sempre que a página é recarregada.

Abraço!

Responder

11 Rodriigo 21/01/2010 às 1:13 pm

Cara eu nao to consseguindo baixar o Frame , Alguma ajuda , por favoor

12 Celso Lemes 21/01/2010 às 9:00 pm: Rodrigo,
Porque você não está conseguindo baixar o Frame? Aparece alguma mensagem? Será que não é algum problema no seu navegador?

Abraço!

Responder

13 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

14 Celso Lemes 04/02/2010 às 3:25 pm: Matheus,
Demora menos de 1 minuto.

Abraço!

Responder

15 Marcio Paulo 09/02/2010 às 11:02 pm

Caro Eduardo, não consegui abrir o seu site ele redireciona para outro lugar!!!! mais se vc conseguiu colocar uma radio no topo do webnode,pois poste aqui como vc consegui esta façanha e compartilhe com todos que tem site criado no webnode e deseja instalar uma radio online. Valeu

16 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

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

Responder

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

Ola Celso

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

Valeu

19 Celso Lemes 23/03/2010 às 1:13 am: David,
É possível sim, você pode conferir um tutorial nesta página.

Abraço!

Responder

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

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

Responder

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

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

Responder

24 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

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

Responder

26 celio 12/04/2010 às 7:17 am

ola, Celso esta é uma boa dica para quem quer disponibilizar uma radio de terceiros no site, não resolve o meu problema porque eu quero rodar o meu proprio arquivo asx, eu sei editar o player basico para ie e firefox, mas oue eu precizo é o script para o plyaer, ou seja, a barra com os controles, analisando o exemplo que vc disponbilizou o frame abre o seguinte url: http://www.radiohunter.com.br/players/novos/topo/topo2/player.php, notei que o player padrao fica escondido enquanto a barrinha é exibida.

27 Celso Lemes 12/04/2010 às 11:55 am: Celio,
Desculpe mas eu não sou programador e não tenho idéia de como isso poderia ser feito.

Abraço!

Responder

28 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

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

Responder

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

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

Responder

32 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

33 Anderspm 29/04/2010 às 9:09 pm

Boa noite .
Li os comentarios porem nenhum dos, e referente a esta pergunta.
Eu fiz uma webradio pelo listen2myradio.com
por um acaso tem como eu utilizar a minha radio no site.?
Desde ja agradeço.. a atenção de Todos..

34 Celso Lemes 30/04/2010 às 1:04 pm: Anderson,
Eu não sei dizer. Nunca utilizei o Listen2myradio

Abraço!

Responder

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

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

Responder

37 vinicius 17/06/2010 às 5:37 pm

passa o codigo para colocar a radio no blogger
o Ip da radio e esse
78.129.143.181

38 Neto 21/06/2010 às 11:54 am

Muito legal a informação e a didática demonstrada.

Possuo um site (um Portal) que tem um TEMPLATE (que por sua vez gera e atualiza as dezenas de páginas do site. É o arquivo modelo.dwt (que abre com o Dreamweaver).

Fiz um contrato com um provedor. Instalei o SimpleCast, mas não funcionou. Vocês fariam isto para nós? Como entrar em contato?

Como fazer então? Gostaria de sua ajuda

Obrigado, Neto

netkit@superig.com.br

39 Celso Lemes 21/06/2010 às 6:26 pm: Neto,
Desculpe mas eu não sei como instalar o Simple Cast.

Abraço!

Responder

40 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

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

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

Responder
43 Renan 30/08/2010 às 2:43 pm: da uma olhada na minha ultima resposta resolvera seu problema,

Responder

44 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

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

Responder

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

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

48 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

49 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

50 Celso Lemes 30/08/2010 às 12:31 pm

Anderson,
Eu olhei o seu site mas não entendi o que pode estar acontecendo.
Esse código para instalação do player você pegou em que site?

Abraço!

51 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

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

Responder

53 Lucas Camargo 17/09/2010 às 10:41 am

Celso, me ajude numa coisa, criei uma web rádio pelo listen2myradio, ai ponho ela no meu blog ela num toca? tem jeito dela tocar, faço tudo certinho, mais num toca, tem algum jeito de arrumar isso? por favor me ajude

54 Celso Lemes 17/09/2010 às 5:15 pm: Lucas,
Desculpe mas eu não sei como mexer no Listen2myradio. Não sei como resolver seu problema.

Abraço!

Responder

← Comentários Anteriores

Deixe um comentário

Post Anterior: Domínios Co.cc vencem após um ano – Cuidado!

Próximo Post Profissão Blogueiro – Os Probloggers do Brasil

Mais de 500 modelos disponíveis!

504 modelos de sites com design profissional

Ganhar Ficou Fácil

Seu Domínio de Graça!

Como Ganhar Dinheiro na Internet

Dicas para Ganhar Dinheiro com seu Blog

Blogger: Crie um nome para o blog

Dê um nome para o blog

Selecione o modelo

Crie um nome para o blog

Título do blog	O título do seu blog será exibido no seu blog publicado, no seu painel e no seu perfil.
Endereço do blog (URL)	http://.blogspot.com Verificar disponibilidade O URL que você selecionar será usado pelos visitantes para acessar o seu blog. Saiba mais
Digite os caracteres da imagem acima.