terça-feira, 25 de outubro de 2011

Tocador mp3 1pixelout no Blogger



Um tocador de mp3 bastante popular na plataforma de blogs Wordpress é o 1pixelout (de Martin Laine), acima. Inicialmente ele foi desenvolvido para o ambiente mencionado. No entanto, com um pouco de paciência é possível utilizá-lo no Blogger também. Vamo ver como.

Em primeiro lugar, você deve fazer o download do tocador e seus arquivos acessórios. Isto é feito neste site aqui. Vão aparecer vários arquivos, no entanto, para o que queremos, apenas dois são relevantes: o player.swf e o audio-player.js. Tendo encontrado esses arquivos, eles devem ser colocados em algum repositório na internet (saiba mais aqui).

Com isso, você terá dois endereços que deverão ser utilizados, conforme se explica agora.

Em primeiro lugar, você deve copiar o código abaixo na área HTML do seu Modelo, logo acima da marcação </head> (use o localizador do navegador -- Crtl+F -- para encontrá-la).

Note, isso é bastante importante, que você deve substituir o endereço falso, abaixo em destaque, pela URL exata do arquivo "audio-player.js".

1 <script language="JavaScript" src="http://www.enderecofalso.com/audio/audio-player.js"></script>
</head>


Tendo feito esse primeiro passo, o segundo é todo vez que você quiser usar o player, utilizar o código abaixo, com as devidas adaptações, na área HTML da postagem.

2 <object type="application/x-shockwave-flash" data="http://www.enderecofalso.com/audio/player.swf" id="audioplayer1" height="24" width="">
<param name="movie" value="http://www.enderecofalso.com/audio/player.swf">
<param name="FlashVars" value="playerID=audioplayer1&soundFile=http://www.enderecofalso/audio/music.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object> 


Em cada um dos trechos destacados em amarelo, você deve mudar o "endereço falso" para o do local em que, de fato, você colocou o tocador (nas duas primeiras vezes) e onde colocará a música (pode ser um endereço existente já), no formato mp3.

Essa explicação é baseada num tutorial elaborado por Mindy McAdams (aqui).

Nenhum comentário:

Postar um comentário