Como colocar um Player de áudio ou rádio em qualquer site/blog

Com o acesso a internet cada vez mais rápido e ilimitado, as pessoas estão se interessando mais nas estações de rádio e televisão online. Abaixo explico como colocar um player de áudio e também uma rádio online em seu site ou blog independente da plataforma que você utiliza (blogger, WordPress etc..)

Como colocar um Player de áudio ou rádio em qualquer site/blog

Player de Rádio:
Vale deixar claro que existem vários métodos, este é o mais “comum” e utiliza Windows media player.
Para colocar uma rádio em seu site/blog basta copira e colar este código onde você quiser que a rádio apareça.
Note que por padrão a largura e altura do player estão em “173″ e “26″ e também o link do streaming é “http://91.121.50.147:80″ o qual você poderá mudar de acordo com suas necessidades.

Olha o resultado aí:




Player de Áudio:
Os usuários do WordPress podem contar com o plugin WordPress Audio Player o qual pode ser baixado neste link.
Para utilizar o plugin não tem segredo, basta fazer o upload do mesmo para a pasta de plugins em seu servidor, ativa-lo no Painel de Controle do WordPress, criar uma pasta com seus arquivos em MP3 e nos posts utilizar o código abaixo:

[audio:endereço-do-arquivo.mp3|titles=TÍTULO|artists=ARTISTA]

Segunda opção(funcional para usuários de qualquer plataforma):
Se você é usuário do blogger ou prefere um player mais “invocado”, faça o seguinte:

Antes da tag </body> do seu site/blog coloque o seguinte script:

<script type=”text/javascript” src=”http://mediaplayer.yahoo.com/js”></script>

Depois basta colocar um link para sua música em qualquer lugar exemplo:

<a href=”endereçodaminhamúsica.mp3“>TÍTULO</a>

Veja um exemplo que eu fiz com um som do Sertanejo.org através deste link.

Para hospedar suas músicas você poderá utilizar um host gratuito como o da 000webHost.

É isso aí pessoal, bom proveito! ;)

Continue lendo:

Marcado com:
Publicado em Tutoriais
123 comentários sobre “Como colocar um Player de áudio ou rádio em qualquer site/blog
  1. leon\n disse:

    Nao consegui criei uma radio ao vivo mIA No consigo criAR o player me add no msn djleo_2009@hotmail.com

  2. felquis disse:

    pow legal em mano mas pra quem quiser ALGO MAIS FORMAL tem isso aqui que eu achei bem legal http://bit.ly/gPUXE9

  3. Olá, bom dia!!!
    Parabens ai por essa dica de como colocar um player num blog. Á tempo que vinha procurando fazer isso mais não conseguia. Coloquei no meu blog, mas queria saber porque ele não está dando pausa? poderia me orientar ou me ajudar? Gostaria que ficasse com essa opção (Pausa)

  4. honorato disse:

    ola o que eu vou presizar para montar minha radio online, quais as ferramenta que precizo grato

  5. MetinTitans disse:

    Fico agradecido, Estou a uzar esta rdio em meu site passa musicas mesmo fixes, espero que nao acabe tao depressa:D

    Bom Post

    Comprmentos ,

    [GA]AvatarAang

  6. sidao disse:

    quero colocar a radio fg da frança no meu blog tem como? se algue puder me dizer sidao-sara@hotmail.com valeu

  7. CARA VALEU MUITO PELA DICA VOCÊ DEMAIS.. VALEU MESMO ESTOU ATE AQUI MODIFICANDO ALGUMAS COISAS.. VALEU BROTHER

  8. PEGOU DIREITINHO, PRA QUEM QUISER COLOCAR PLAYLIST TIRA NO VALOR VALUE=”192.168.2″ TIRA O IP COLOCA ENDEREÇO DA MUSICA LA EM BAIXO TB…

    ESPERO TER AJUDADO.. POSSO AJUDAR ATE AI. RESTO COM VC.

  9. MEU PROBLEMA AGORA COM ESSE DO WORDPRESS

  10. Ronielle disse:

    nova maneira de pega o play
    Mano é muito facio fazer essa coisa ate minha avó faz isso vou explica como é

    vai nesse site aqui

    http://mixstream.net/streaming/create-a-flash-radio-player.php?ref=MRP_V1.2

    primeiro passo apenas ponha ip na 1ª barra na 2ª barra de baixo ponha a porta depois vai em submit

    pronto copie o codigo que esta em html e poste no seu blog ou site sem dó de cabeça

  11. D. Leal disse:

    Ora viva!

    Tenho um banner de som que gostava de colocar na parte de cima do blogue em wordpress, que vai ficar assim: http://cdohost.com/reviravolta/

    o problema é que não estou a conseguir, alojei o aplicativo de som aqui: http://reviravolta.net/inicio/radiorv/re…/index.htm

    mas não estou a conseguir criar um método para funcionar no site.

    Tentei usar este plugin Shout Stream porque o objectivo é interligar o servidor que ligará a “radio” que estou a desenvolver, mas não consegui fazer nada do programa.

    Se alguém tiver ideias ou sugestões, agradecia a ajuda.
    Tentei colocar este codigo no index, mas o que acontecia é que quando clicamos nos artigos para ler eles todos, essa barra de som multiplica-se e o artigo não se abre:

    Reviravolta

  12. Brenner disse:

    Consegui aqui ficou filé. Muito obrigado pelo codigo.

  13. Marina disse:

    oii……..tipo eu consegui colokar o media player no blog mas eu lii todos os comentários e não entendi como faço pra colokar as músicas..pode me ajudar?

  14. Gabriel disse:

    po… nao consego colocar radio no meu site ….
    alguem aew pd me ensinar pelo meu msn?
    mundo-do-anime@hotmail.com

    obg.pela colaboração

  15. casagrande disse:

    eu gostaria de saber como colocar um player de radio em um carro de som para os meus clietes saber que eu estou fasendo a hora serta dele como eu fasso obrigado

  16. ivaldo disse:

    Como coloco a radio pra funcionar no meu site

  17. Henrique disse:

    eu quero colocar muitas músicas me ajuda ai

  18. gisele disse:

    As páginas com códigos não exsitem mais.
    O que houve? Aparece> esta página não existe mais.
    Pode me ajudar? Obrigada

  19. acesse aii a melhor web radio da net abração a todos ,,,

  20. THALITA disse:

    GOSTARIA DE AJUDAR UMA DUPLA (SERTANEJO UNIVERSITÁRIO) DE UBERLÂNDIA MG A COLOCAR A MÚSICA( CHAPADA NA BALADA )P TOCAR GRATUITO EM RÁDIOS WEB,ELES TÃO COM VÁRIOS TRABALHOS NO YOU TUBE/SE ALGUÉM SOUBER DE ALGUMA Q TOQUE GRATUITO DÁ UM OK

  21. EDINALDO disse:

    OLA, OLHA SÓ, EU TENHO UMA RADIO WEB,JÁ TO CANSADO, DE CONTRATAR SITE ADMINISTRAVEIS, NAO QUERO OFERECE QUAL QUER COISA PARA MEUS OUVITES E MEU PARCEIROS, MEU DESEJO É TER UM SITE WEB RADIO, ATRAENTE DINAMICO, INTERATIVO , QUE EU POSSA ADCIONAR: INQUTE, TOP 10, TODAS AS REDES SOCIAIS, PROMOÇOES, CHAT E QUE AO NAVERGAR NO SITE O AUDIO NÃO INTERROMPA.

  22. Lio disse:

    Quero parabenizar o nosso amigo por ter postado este ótimo tutorial e dizer que este sistema é shou de bola funciona perfeitamente . em nosso site http://www.candibanaescuta.com
    ficou muito legal . Muito obrigado e abraços a todos . valew

  23. Lika disse:

    Meu problema é o mesmo do Edinaldo queria tipo um player do topo ou um que não pare quando mudar a pagina ou coisa do algo.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Leia o post anterior:
Como fazer um redirecionador de links para substituir o Usercash

Há alguns dias atrás o Usercash, famoso redirecionador de links resolveu "fechar as portas" e deixou vários webmasters órfãos dos...

Fechar