![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
Podcast: Play in new window | Download (5.9MB) | Embed
Já faz um tempo que venho produzindo conteúdo em formato de áudio aqui para o [ Ferramentas Blog ] e usando um player bem leve e simples integrado aos artigos. É o mesmo modelo que uso no BlogCast. Vou mostrar como usar o modelo padrão e como usar o serviço gratuito do DewPlayer, criador do modelo.
Para adicionar um player de músicas eu seu blog é sempre recomendável alguns cuidados que já mencionei aqui e recomendo que se leia:
E já ensinei um serviço muito bom do Yahoo que tem um player super agradável e bonito para se colocar em blogs:
Mas depois que eu descobri o DewPlayer, passei a usá-lo por ocupar pouco espaço, ser fácil de adicionar dentro dos posts e carregar rapidamente os arquivos de MP3.
Bom, uma coisa importante antes de seguir em frente: se você criou um blog no Blogger (Blogspot), sabe que não é possível hospedar arquivos de MP3 e você precisará de um lugar alternativo para enviar e hospedar seus áudios para usar no blog junto desse player.
Uma alternativa é contratar um serviço de Host ou usar algum site gratuito para isso (não vou recomendar nenhum porque nunca usei esse tipo de serviço).
Para quem usa o WordPress.org, já tem hospedagem própria e isso facilita muito.
Sobre o DewPlayer e como usar
O DewPlayer é um aplicativo gratuito que você pode baixar e hospedar inteiro em seu próprio host só pra tocar seus arquivos de MP3. Para entender mais sobre o serviço, acesse:
Mas se você não tem um host, pode usar um código simples para tocar um único arquivo MP3 (como faço no BlogCast por exemplo), usando a hospedagem deles.
Para isso basta copiar o seguinte código, só alterando o que está indicado e colando onde você quer que o player apareça:
<object type=”application/x-shockwave-flash” data=”https://ferramentasblog.com.br/audio/dewplayer/dewplayer-bubble.swf” width=”250″ height=”65″ id=”dewplayerbub” name=”dewplayerbub”>
<param name=”movie” value=”https://ferramentasblog.com.br/audio/dewplayer/dewplayer-bubble.swf” />
<param name=”flashvars” value=”mp3=URL_do_ARQUIVO_MP3” />
</object>
Onde está marcado de vermelho, troque pelo endereço (a URL) onde está hospedado o arquivo de áudio em formato MP3 que deverá tocar. O resultado será como esse aqui abaixo que toca um de meus AudioPosts:
Na página do DewPlayer você aprende a criar outros modelos, até mesmo uma playlist usando XML, como o que coloquei aqui na barra lateral do blog. Os usos são variados e vai de sua criatividade.
Outros artigos com áudio:
- O BlogCast não para e agora tem um blog próprio
- http://blogcast.ferramentasblog.com/
- Como manter o foco no desenvolvimento do seu Blog
- Qual a diferença entre conteúdo Autoral e conteúdo Replicado? Produzindo conteúdo original para blogs
O Dewplayer é muito bom mesmo. Gosto dele porque é bem simples e não ocupa muito espaço.
Marcos, escrevi um artigo tutorial sobre áudio HTML5 usando o player nativo do navegador em posts em meu blog. Dentro dele, coloquei o dewpayer como condicional. Se me permite deixo aqui o link.
Obrigado.
Marco Damaceno
A tempos que eu venho tentando achar um player bom para por em post's do meu blog, e vi esse player nos audiopost do [ Ferrametas Blog ], achei super legal você ter postado o código do player, mais marcos, eu copiei oo codigo, colei o URL da audio.mp3 que eu queria, mais quando eu posto o player não aparece, fica apenas uma barra branca.
Tem algo que possa ter saido errado? Agradeço muito ser me disser!
Muito obrigado pela post e Parabéns pelo [ Ferramentas Blog ]
Muito obrigado, Marcos!!!! Estava mesmo a precisar! Este blog é o melhor que há por cá!
@Marco Damaceno,
Valeu pelo tutorial. Depois eu mesmo ou testar em alguns AudioPosts aqui.
.
@Henrique,
Certifique-se de não apagado nada do código. Veja que é só o ue está marcado em vermelho que deve ser trocado pela URL do áudio.
Pingback: Pra que serve "campos de link" no editor de posts do Blogger | [ Ferramentas Blog ]
Pingback: Adicionar o gadget de Membros (Seguidores) no Blog | [ Ferramentas Blog ]
Tal como o @HenriquePadackles, comigo o player nao aparece.
Depois de inserir o link da mp3 no código gerado, deve-se o colar na postagem e modo ‘html’?
Exatamente.
Como descrevi no tutorial acima, o código tem que ser inserido no post pelo modo HTML.
Verifiquem sempre se o caminho do áudio está funcionando sem problemas.
Marcos, eu queria primeiramente agradecer por você cuidar tão bem do seu blog e sempre vim com postagens tão boas e úteis para nossa vida, eu ja vinha buscando algo parecido com o dewplayer a algum tempo. estou gerenciando um blog a pouco tempo e fazendo algumas mudanças nele ( o blog não é meu.) e estava tentando muito colocar o playlist do dewplayer mais nao consegui, estou testando ainda, tentando entender o que está dando errado pois ja hospedei o arquivo .xml .swf .mp3 em um site gratuito, pois a pessoa que me pediu ainda usa blogspot,
e arrumei o codigo para ver se funcionava perfeitamente no blogspot. mas para a minha surpresa, todo o arquivo flash apareceu normalmente, inclusive as mudanças no titulo de música que eu faço, só que o player não toca o áudio, eu hospedei o msm codigo na propria pagina que colokei os arquivos .mp3 .xml .swf e pegou normalmente. vc poderia me ajudar? vou deixar algumas coisas que se poder da uma olhada. Aguardo ancioso a resposta.
Rafael,
É difícil saber o que pode estar dando errado. É bem provável que haja algum problema em buscar informações dos arquivos ou algum código errado. Outro problema pode ser o uso de um Host gratuito. Não recomendo isso e pode ser a principal dificuldade.
Desculpa não saber como te ajudar além disso.
ahh então ta ok, msm assim agradeço a atenção e o tempo q vc perdeu cmg…
to divulgando seu banner la no blog do meu amigo…
abraços
Marcos,
infelizmente também não logrei exito com o DewPlayer.
A dica com Yahoo Media Player funcionou certinho no blog de testes. Porém a proposta do DewPlayer é a que mais me agradava.
Mesmo assim, o conceito de AudioPost para mim ainda é excelente!
Bom dia Marcos,
Estou iniciando na blogosfera e seu blog tem sido muito útil para melhorar o meu blog!
Ah algum tempo estou com a ideia de fazer áudio posts, mas não sabia como fazê-lo, e este post serviu como uma luva.
Parabéns pelos mais de 1000 posts!
Continue assim…
Vamos que vamos rumo ao Sucesso!
Gostei desse player(não trava como o do yahoo) mas vou ter que botar o do yahoo porque é a milésima vez que eu tento e não consigo colocar flash no blogspot. sugiro um post explicando porque é tão dificel colocar flash no blogspot. obrigado.
Pingback: Como colocar música no Blog | [ Ferramentas Blog ]
Vivaaa!! Depois que o Get Widget parou de funcionar, esse plugin foi a solução!! Era exatamente o que eu estava precisando!! Obrigada!
Esse que você colocou no tutorial não funcionou.
Esse que você utiliza com seu podcast no fim da postagem, você tem o HTML dele?