Índice
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" />
Miniplayer aouka
PodPress
reproductor mp3 para WordPress
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" />
Miniplayer aouka
PodPress
reproductor mp3 para WordPress
