Pon un iPod na túa páxina

Outro reprodutor múltiple de Jeroen Wijering. Xa sei que non é ningunha novidade, hai moito tempo que José María Campo nos deu toda clase de indicacións para colocar este reprodutor nas nosas páxinas. Hoxe a ligazón á páxina orixinal xa non funciona e pode haber algunha dificultade para descargar os arquivos necesarios.
Tal como aquí se mostra este reprodutor aparecía en mensaxe nunha botella, na barra lateral, e recolliamos nel os audios que ían aparecendo nas diferentes entradas do caderno de Técnicas de Expresión Escrita.

Para colocalo na túa páxina necesitarás estes dous arquivos:

• mp3player.xml
• mp3player_vocow.swf

Unha vez descargados (botón dereito sobre a ligazón>Gardar ligazón como) deberás editar o arquivo mp3player.xml (co bloc de notas, por exemplo) que conterá a URL e a información dos teus audios. Sube agora os dous arquivos ao teu servidor e colócaos na mesma carpeta. Finalmente coloca este código no lugar onde queiras que apareza o reprodutor:

<iframe src="URL do arquivo_mp3player_vocow.swf" width="200" height="340" frameborder="0"></iframe>

Reprodutor múltiple de mp3 de Jeroen Wijering

Para colocardes este reprodutor no voso blogue necesitaredes estes tres arquivos:

• config.xml
• playlist.xml
• mp3player.swf

Descarga os tres arquivos (En FireFox: sobre a ligazón, botón dereito > Gardar ligazón como...)

Abride config.xml co Bloc de Notas, por exemplo. Agora teredes que tomar algunhas decisións sobre o funcionamento e sobre o aspecto do reprodutor. Como veredes, as indicacións están traducidas ao galego. Gardade os cambios e indicade que a codificación sexa UTF-8 (No Bloc de Notas: Gardar como > config.xml, codificación > UTF-8)

Abride agora o arquivo playlist.xml, tamén co Bloc de Notas. Aquí deberemos de indicar a URL do noso arquivo de audio, así como a URL da pequena imaxe que se mostra no reprodutor. Tamén indicaremos o enderezo web (é opcional, pode non aparecer) a onde nos levará a ligazón situada á dereita de cada pista de audio. No noso exemplo ás páxinas dos grupos aos que pertencen os temas que reproducimos. Teredes que repetir isto para cada unha das cancións ou audios que soarán no reprodutor. Gardade os cambios.

Agora só resta subir os tres arquivos ao voso servidor e colocar o seguinte código onde queirades que apareza o reprodutor.

<embed border="0" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="never" mode="transparent" flashvars="&config=URL do voso arquivo config.xml&file=URL do voso arquivo playlist.xml" src="URL do voso arquivo mp3player.swf" height="300" type="application/x-shockwave-flash" width="300" wmode="transparent" name="mp3player"/></embed>

Podedes xogar co alto e o longo (height="300" width="300") do voso reprodutor. Se non aumentades o valor do alto e seguides engadindo audios, aparecerá unha barra de desprazamento no lateral dereito.

Ligazóns:

O reprodutor funcionando en son de poetas

Visto en:
Roa Multimedia
El balcón abierto
El tinglado

A antiga páxina do autor, Jeroen Wijering, lévanos hoxe a este reprodutor multimedia de licenza non comercial.

Música:
A Regueifa Plataforma
Fanny + Alexander - Alfaias (2009)
Magritte - Viaxe á lúa (2009)
Vale Tudo - Gris (2009)

mp3 Audio Player

Música: Projecto Mourente-Kara.o.ke (2008)

1. Descarga o arquivo audio-player.zip que encontramos na páxina 1pixelout.
2. Descomprime o ficheiro.
3. Deberás de subir os arquivos player.swf e audio-player.js ao teu servidor e colocalos no mesmo directorio.
4. Nese directorio coloca os arquivos de audio en formato mp3.
5. Coloca o seguinte código no lugar onde queiras que apareza o reprodutor:

<script language="JavaScript" src="URL do noso arquivo .audio-player.js"></script><object type="application/x-shockwave-flash" data="URL do noso arquivo .player.swf" id="audioplayer1" height="24" width="290"><param name="movie" value="URL do noso arquivo .player.swf"><param name="FlashVars" value="playerID=1&soundFile=URL do noso arquivo .mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object>

En Blogger non é preciso colocar cada vez a primeira parte do código, o que vai entre as etiquetas <script></script>:

1. Vai ao escritorio do teu blogue e despois a "Editar HTML"
2. Localiza a etiqueta </head> e pega antes o código do script

<script language="JavaScript" src="URL do noso arquivo audio-player.js"></script>

Agora cando queiras colocar o reprodutor só terás que colocar o código que vai entre as etiquetas <object></object>

<object type="application/x-shockwave-flash" data="URL do noso arquivo .player.swf" id="audioplayer1" height="24" width="290"><param name="movie" value="URL do noso arquivo .player.swf"><param name="FlashVars" value="playerID=1&soundFile=URL do noso arquivo .mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object>

Se queres colocar un segundo reprodutor na mesma páxina terás que facer algunhas modificacións. Para un segundo arquivo mp3:

<object type="application/x-shockwave-flash" data="URL do noso arquivo .player.swf" id="audioplayer2" height="24" width="290"><param name="movie" value="URL do noso arquivo .player.swf"><param name="FlashVars" value="playerID=2&soundFile=URL do novo arquivo .mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object>

Se por calquera razón non vos convence este reprodutor recoméndovos que vexades outras moitas posibilidades na magnífica páxina de Roa Multimedia:

Etiqueta Reprodutor
Etiqueta Reprodutor Múltiple