Poner mp3 en tu web

No es mi intención explicar los diferentes formatos de audio y las diferentes maneras de reproducirlo en una página web. Para ello hay un artículo excelente y muy claro en el blog de José María Campo "Insertar un reproductor de audio en una página web" o en el de Isidro Vidal "Reproductores de audio".

En mi caso pretendo solamente algo práctico, dar a conocer algunos de los más habituales reproductores de mp3 que se pueden integrar en una página web, y ayudar en los primeros pasos de la instalación.
¿Cómo instalarlos?



Para instalarlos el proceso es muy parecido en todos.

1. Se descarga el archivo .swf correspondiente de la web (enlaces más abajo) o se cogen del archivo del final del artículo.

2. Se sube al servidor el archivo del reproductor (.swf) y los de audio a reproducir (.mp3). Te recomiendo que para todo ello te crees una carpeta "sonido" o "audio" o como quieras para tener esos archivos ordenados.

3. Se copia y se pega el código correspondiente a cada reproductor donde queramos que aparezca en la página.

IMPORTANTE: Hay que modificar la dirección del reproductor y del archivo de audio por las tuyas, o sea quitar lo de "ruta_del_enlace/" por tu propia ruta tanto del reproductor como del archivo de sonido y "blues.mp3" por el archivo que quieras reproducir.

Y ya está.

Si utilizas SPIP y quieres integrarlos con él puede serte útil una contribución de SPIP-Contrib que muestra paso a paso como integrar uno de ellos, el DewPlayer en SPIP: Sencillo reproductor mp3 en Flash para SPIP
Algunos reproductores y el código que he utilizado para insertarlos



El tema empleado para probarlos (blues.mp3) es el "Bush War Blues" de Billy Bragg, que regala en internet libre de derechos, y que es una versión actualizada del "Bourgeois Blues" que Leadbelly grabó en 1938 para protestar contra el racismo.

Si tu conexión es lenta, es la primera vez que pulsas el botón de reproducción, o tienes poco espacio en disco, puede que tarde un poco en oírse o no se escuche bien.
Reproductor mp3 de Neolao
Puede reproducir listas del propio sitio y es muy personalizable
+ info (en francés)
básico

con + botones

con otro color

Player mp3 multi (para listas) con volumen

Player mp3 multi (para listas) con otros colores
Player mp3 básico





Player mp3 con + botones





Player mp3 con otro color





Player mp3 multi (para listas) con volumen





Player mp3 multi (para listas) con otros colores







XSPF Web Music Player
Puede reproducir listas del propio sitio o externas
+ info (en inglés)

(Music Player Slim)




(Music Player Button)


(Music Player Extended)


Music Player Slim

value="ruta_del_enlace/xspf_player_slim.swf?
song_url=ruta_del_enlace/blues.mp3" />


Music Player Button gris

value="ruta_del_enlace/musicplayer.swf?
song_url=ruta_del_enlace/blues.mp3" />


Music Player Button verde

value="ruta_del_enlace/musicplayer.swf?
&b_bgcolor=ffffff&b_fgcolor=666666
&b_colors=ff0000,00ff00,0000ff,000000
&song_url=ruta_del_enlace/blues.mp3" />



Music Player Button cuadrado (ojo, es el musicplayer_f6.swf)

value="ruta_del_enlace/musicplayer_f6.swf?
&b_bgcolor=dedede&b_fgcolor=666666
&b_colors=ff0000,00ff00,0000ff,000000
&song_url=ruta_del_enlace/blues.mp3" />



Music Player Extended

value="ruta_del_enlace/xspf_player.swf?
song_url=ruta_del_enlace/blues.mp3" />


DewPlayer

(DewPlayer mini)

(DewPlayer)

(DewPlayer multi)


DewPlayer mini

value="ruta_del_enlace/dewplayer-mini.swf?son=ruta_del_enlace/blues.mp3" />



DewPlayer


value="ruta_del_enlace/dewplayer.swf?son=ruta_del_enlace/blues.mp3" />



DewPlayer multi

value="ruta_del_enlace/dewplayer-multi.swf?son=ruta_del_enlace/blues.mp3" />



EMFF MusicPlayer






emff lila


value="ruta_del_enlace/emff_lila.swf?src=ruta_del_enlace/blues.mp3" />






emff old


value="ruta_del_enlace/emff_old.swf?src=ruta_del_enlace/blues.mp3" />






emff standard


value="ruta_del_enlace/emff_standard.swf?src=ruta_del_enlace/blues.mp3" />






emff wooden


value="ruta_del_enlace/emff_wooden.swf?src=ruta_del_enlace/blues.mp3" />