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

Por Jhonny Costa


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:

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:

123 thoughts on “Como colocar um Player de áudio ou rádio em qualquer site/blog

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

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

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

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

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

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

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>