Qual player de MP3 devo embutir em meu site ou blog?

Como embutir um arquivo de áudio MP3 (como um podcast, uma música ou voz) em uma página para que os visitantes possam ouvir o áudio no navegador sem precisar de um player externo?

Já recomendei aqui no blog o player MP3 do Google para embutir canções MP3 e podcasts em web pages mas, por alguma razão, o player em formato flash do Google parou de funcionar nos sites em que foi instalado (inclusive aqui, no Infoescravo), funcionando apenas nas mensagens com áudio em anexo no Gmail.

Por isso, vamos dar uma olhada em algumas opções de players de MP3 em flash, encontrados no próprio Google e em outros sites como o Yahoo!:

Eles leves, fáceis de implementar e extremamente eficientes.

1. MP3 Player do Google Reader

O Google Reader tem um MP3 player que é praticamente o mesmo do Gmail, mas funciona em qualquer site fora dos domínios do Google. Esse player tem controles de volume e auto-detecta a duração do arquivo, o que facilita aos leitores saber quando vai terminar o áudio. Veja aqui um exemplo, seguido do código HTML:

Para usar este MP3 player em seu website ou blog, basta copiar-colar o seguinte código e alterar URL_DO__ARQUIVO_MP3 pelo link do seu arquivo MP3.

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=URL_DO__ARQUIVO_MP3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

2. MP3 Player do Yahoo!

Se você acha que o normal é ser simples e básico, dê uma olhada nisso. O portal Yahoo! oferece um gerador de código (chamado Easy Listener) que te ajuda a criar um player de MP3 em flash que combina com as cores e layout do seu site. Veja o exemplo:

Mesmo que o Easy Listener solicite, por padrão, o endereço da página web onde está hospedado o arquivo MP3, você pode incluir o link diretamente e ele vai funcionar perfeitamente. Suporta ‘auto play’, e você pode decidir onde os meta-dados associados com o MP3 devem ser exibidos.

<embed src="http://webjay.org/flash/dark_player" width="400" height="40" wmode="transparent" flashVars="playlist_url=URL_DO__ARQUIVO_MP3&skin_color_1=-145,-89,-4,5&skin_color_2=-141,20,0,0" type="application/x-shockwave-flash" />

3. Yahoo! Media Player

Se você mantem um site ou blog de MP3 ou roda um podcast que regularmente gera links a arquivos MP3, seria interessante embutir um player para cada áudio. Nesse caso eu recomendaria a você utilizar o Yahoo! Media Player, que auto-detecta links para arquivos MP3 em suas páginas e cria um player para cada link.

Você só precisa inserir o seguinte link no template do blog e todos os hyperlinks em formato MP3 serão convertidos em MP3 players. Ainda tem a função de reprodução aleatória (shuffle ou random) e os visitantes podem pular para qualquer música na playlist. Excelente opção.

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

4. MP3 Player do Odeo

O bom e velho Odeo oferece um MP3 player bastante interessante que roda perfeitamente em web pages e leitores RSS. Uma desvantagem é que o Odeo Player solicita que você digite a duração exata da música no código. Você pode até pular esse passo, mas a barra de progresso não vai refletir o tempo correto quando a música for tocada. E não tem controles de volume.

Para embutir o MP3 player do Odeo em seu blog ou site, adicione o código abaixo alterando URL_DO__ARQUIVO_MP3 e DURAÇÃO pelos valores de seu arquivo.

<embed type="application/x-shockwave-flash" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" width="400" height="52" allowScriptAccess="always" wmode="transparent" flashvars="audio_duration=DURAÇÃO&amp;external_url=URL_DO__ARQUIVO_MP3" />

Escolha: Com tantas opções, qual player você vai usar em seu site?

Como um típico minimalista, eu prefiro o MP3 player do Google Reader, já que ele oferece controle de volume e é bem leve. E você, qual player costuma utilizar em seu site? Se tiver outras sugestões de MP3 player para embutir, pode deixar sua dica aqui nos comentários que será publicada.

Update em 7/03/2008: Considere sempre como excelente opção, o player desenvolvido pelo Fabricio Zuardi. O XSPF Web Music Player é um aplicativo Open Source em formato flash, excelente para tocar playlists e arquivos mp3.

O código básico é o seguinte:

<object type="application/x-shockwave-flash" width="400" height="170" data="http://seu domínio.com/xspf_player.swf?playlist_url=http://seudomínio.com/suaplaylist.xspf"><param name="movie"value="http://seudomínio.com/xspf_player.swf?playlist_url=http://seudomínio.com/suaplaylist.xspf"></param>

Leia também:

• Gadgets Google em sua página sem fazer propaganda – Como?
• Odeo encerra o serviço Audioblogger
• Players Mp3 em formato flash para seu site