2005
09.09

Plugin para reproductor musical XSPF

[English]

Atención: Los comentarios están cerrados. Para ayuda, por favor, ir al foro.

Quería que mi blog en WordPress tuviera música MP3 de fondo, pero no encontré un plugin adecuado para él:

No dispongo de mucho espacio de webhosting, y no podía alojar las canciones online. Sólo quería un reproductor flash o similar embebido en las páginas que leyese ficheros mp3 remotamente vía HTTP en cualquier servidor de internet. El reproductor XSPF hace exactemente eso, y está bajo licencia GPL.

He desarrollado esta pequeña extensión que permite poner música de fondo a las páginas de WordPress como reproductor embebido (embedded). Puedes ver el reproductor en la columna de la derecha. Pulsa play y la música debería empezar a sonar.

Funciona tanto en Windows como en Linux (y probablemente sobre cualquier plataforma cuyo navegador soporte flash).

Características:

  • Funciona bajo Linux y Windows (y probablemente sobre cualquier PC con navegador compatible con Flash).
  • Reproduce música MP3 tanto local como remotamente (HTTP)
  • Inicio automático de la música y autorepetición si se desea.
  • Catálogo de canciones y clasificación por categorías en el menú de opciones
  • 3 modos de reproducción seleccionables.
  • Orden de las canciones definido por el usuario.
  • Parámetros ajustables sobre la marcha. ¡Nuevo!

 

Espero que lo disfrutes.

[Descargar] última versión del XSPF Player plugin

Ejemplos:

  • [xspf]_start(FALSE, ‘order=1-10&mode=2&width=180’)[/xspf]
    Modo “slim”. Tan sólo una barra horizontal. Si se hace click sobre la pequeña flecha de la derecha, se va a la página del autor (cuando está disponible).
     
  • [xspf]_start(FALSE, ‘order=1-10&mode=3&width=180&height=100’)[/xspf]
    Modo de lista amplio. Una lista con las canciones (y opcionalmente una imagen). Si se hace click con el ratón en la foto, se va a la página del autor (cuando está disponible).

Historial de cambios:

  • Versión 3.4
    * Corrección: Existe la posibilidad de que la configuración de XSPF Player se cambie mediante CSRF y XSS. Corregido.
  • Versión 3.3
    + Mejora: La descripción de las categorías así como la URL de las canciones puede tener ahora hasta 255 carácteres.
    + Mejora: Se muestra la versión en el menú de configuración y otros cambios cosméticos.
    + Mejora: Mejor protección del directorio.
    + Mejora: Botón para LIMPIAR todas las tablas SQL del XSPF.
    * Corrección: La edición de categorías no aparecía si no se había introducido al menos una canción. Corregido.
  • Versión 3.2
    * Corrección: Cuando no había modo por defecto, el reproductor podría no funcionar. Corregido.
    * Corrección: El botón [XSPF]no funcionaba en WP 2.1. Corregido (Gracias, Renato Alves).
    * Corrección: Limpieza de las tablas de la base de datos cuando se instala por primera vez.
    + Mejora: Ya es posible (y preferible) usar las etiquetas [XSPF] … [ /XSPF] en vez de <xspf>…</xspf>.
    Otro: Todos los archivos están en un solo directorio (código fuente reordenado)
  • Versión 3.1
    * Corrección: La lista de canciones a veces no funciona con antiguas versiones de PHP (< 5.x). Error MBCS. Corregido.
    * Corrección: El modo slim a veces mostraba una linea inferior de color de fondo. Corregido.
    * Corrección: A veces la altura y la anchura no se ponían bien si se cambiaba el modo sobre la marcha (usuarios avanzados). Corregido.
    * Corrección: Cuando se invoca al reproductor desde dentro del cuerpo de un post/página, la salida no era válidada como XHTML. * Corregido. (Ahora DEBE usarse la función _start()).
    + Nuevo: En ciertos web-hosts, la lista de canciones no funciona porque insertan cabeceras publicitarias. Esto se ha solucionado.
  • Versión 3.0 “D.A.R.Y.L.” Versión Mayor
    + Nuevo: Se puede insertar el reproductor en las noticias.
    + Nuevo: Se añade el modo 0 (Permite a los administradores avanzados cambiar la URL del reproductor)
    + Nuevo: Se añade el modo 4 (Modo botón con menú desplegable)
    + Nuevo: Parámetros ajustables sobre la marcha (ver Wiki)
    Otros: Algunos arreglos al código y correcciones.
  • Versión 2.1
    * Corrección: El número total de páginas no se mostraba bien en el panel de gestión de canciones.
    + Nuevo: Mejorado el panel de gestión de canciones.
    + Nuevo: Color de fondo de la extensión, ahora seleccionable mediante ratón.
    + Nuevo: Mejorada la selección de modo del reproductor.
  • Versión 2.0 “The Grinch” Versión Mayor
    * Corrección: No se mostraban más de 10 canciones en el panel. CORREGIDO.
    * Corrección: Algunas veces no se borraban las canciones si se tenía el WordPress en otro idioma que no fuera inglés. CORREGIDO.
    * Corrección: Algunos fallos cosméticos con las CSS corregidos.
    + Nuevo: Se puede configurar el orden de las canciones para cada categoría!
    + Nuevo: El reproductor se muestra ahora en 3 modos diferentes. Y vienen de serie!
    – Cambio: Las categorías ahora se gestionan junto con las canciones en el panel de gestión.
    + Nuevo: Las canciones ahora están paginadas en el menú de gestión para mayor comodidad.
    + Nuevo: Reproducción aleatoria e Inicio automático disponibles para cada categoría.
  • Versión 1.6
    * Correción: En algunas webs, la lista de canciones (playlist.php) daba conflictos con algunos plugins. Corregido.
    * Correción: Algunos caracteres especiales (‘) y (“) eran escapados. Corregido.
    + Nuevo: Vista previa del reproductor en el panel de opciones!
    + Nuevo: La lista se precarga automáticamente.
  • Versión 1.5
    * Correción: Compatible con PHP 5.0.x
    Nota: Esta extensión ya era compatible con PHP 5.1.x
  • Versión 1.4
    * Código XHTML validado.
  • Versión 1.3
    * Correción: La lista de canciones no cargaba si se especificaba una categoría. CORREGIDO.
    + Nuevo: Si no se pone el título a una canción, se usa la URL de la misma por defecto en la sección de gestión.
    + Nuevo: Opción de orden aleatorio para cada categoría.
  • Version 1.2
    * Correción: La lista de canciones no cargaba bien en Internet Explorer. CORREGIDO.
  • Version 1.1
    * Correción: La lista de canciones XML no se generaba correctamente y el plugin podría no funcionar. CORREGIDO.
    ! Pendiente: La lista de canciones no carga bien en Internet Explorer. Se está trabajando en ello…
  • Version 1.0
    Versión inicial.

 
Lista de sitios web que usan este plugin:
[Lavondys] [KHertz] [Darran] [SilentEve] [Chester] [Le Blog de FredoMikado] [Wang Inc. Blog] [Ende Blog] [Podcast Blog] [La-Bella.Net] [Loonyworld] [Xarcell] [The Palomar] [Centralvet] [Spreeblick] [Xyth’s Phrontistery] [Bandsalat-zum-Fruehstueck] [Wuzz Bloggin’?] [AAwakenings] [How about that … Melody?] [Aeternus Tenebrae] [En el tren] [marcus’ tagebuch] [Easy Does It University] [பெட�?டிக�?கடை] [Go 2 Malawi] [El Desviado][What it is] [.: ray = out :.] [American Liar]

Share
  1. perdona, tenes razon no fui claro!!!, pido disculpas…

    te comento el WP es la 2.0.5 la del plug que baje es la http://www.boriel.com/files/xspf_player.zip lo que me hace es que cuando quiero administrar el plug desde el panel de control, le doy al boton actualizar y me aparece la pantalla en blanco que me dice “No se puede ejecutar xspf_player.swf”, trato de ponerlo en algún post o lo que sea y no me muestra nada…
    saludos y gracias

    Like or Dislike: Thumb up 0 Thumb down 0

  2. Saxo Argentina (#97):

    Podrías ser un poco más explícito?
    Activaste el plugin? Te salió algún error? Qué sucede exactamente?

    * ¿Qué versión de WP tienes?
    * ¿Qué versión del plugin tienes?

    Like or Dislike: Thumb up 0 Thumb down 0

  3. a mi directamente no me funciona… no se que le pasa….

    Like or Dislike: Thumb up 0 Thumb down 0

  4. Hola boriel necesito de tu ayuda ya que instale el plugin y todo pero no logro que cargue la lista me sale undefined a que se debe si pudieras ayudarme te lo agradeceria mucho

    Like or Dislike: Thumb up 0 Thumb down 0

  5. 😈 jojojo un reproductor mas de mp3 muy pronto el link de la descarga aqui http://www.gambeta.tk

    Like or Dislike: Thumb up 0 Thumb down 0

  6. […] El Plugin para reproductor musical XSPF inserta un reproductor flash de mp3 XSPF en tu blog para reproducir mp3 locales o remotos. vía: WTCes […]

    Like or Dislike: Thumb up 0 Thumb down 0

  7. Hola Boriel, con respecto al #68, #69… y tu respuesta… me pasa exactamente lo mismo, y como bien explica Carrascus, en cuanto desaparece de pantalla ( o no está en primer nivel) algo de flash, deja de emitir.

    Con tu página me ha pasado lo mismo, si entro en una pagina que no tiene nada embebido, pues cero… no se escucha.

    Creo que tiene que ver con la configuracion del mozilla… investigaré.

    Like or Dislike: Thumb up 0 Thumb down 0

  8. […] Plugin para reproductor musical XSPF inserta un reproductor flash de mp3 XSPF en tu blog para reproducir mp3 locales o remotos. (No Ratings Yet)  Loading … […]

    Like or Dislike: Thumb up 0 Thumb down 0

  9. hola boriel
    la cuestion principal es felicitarte porque gracias a tu trabajo estas haciendo q inutiles de la informatica podamos estar mas o menos al tanto….jejeje, y segundo , la duda: he instalado el plugin wspf_player , he introducido un listado de mpes desde un sitio remoto, pero no se como hacerlo con mi propia musica en mp3 , y tampoco se como hacer para que se vea y escuche en mi web, antes he leido algo que lo esplicabas pero sigo sin saber donde pegar ……..yo queria q saliese justo lo primero de la columna de la derecha…..tengo el wordpress con el tema green river 1………espero q me ayudes una vez mas……..y gracias de nuevo maestro…….

    Like or Dislike: Thumb up 0 Thumb down 0

  10. Gracias por los datos el reproductor me funciono muy bien! 😆

    Like or Dislike: Thumb up 0 Thumb down 0

  11. […] XSPF Player: permite configurar listas de reproducción; reproduce ficheros MP3 que se pueden cargar a partir de cualquier URL visible en Internet. […]

    Like or Dislike: Thumb up 0 Thumb down 0

  12. hOLA SOY MUY NOVATA EN ESTEO =) ME PODRIAN EXPLICAR QUE SIGNIFICA ESTO???LA VERDAD ESQUE ESTOY HACIENDO UNA WEB Y ME ENCANTARIA QUE LOS USUARIOS PUEDAN TENER UNA WEB COMPLETA Y CON BUENOS DISEÑOS,ETC…AYUDAAA!!!
    AQUI LO QUE NO ENTIENDO:
    “== Installation ==

    1. Upload the .ZIP file content to your plugins folder, usually wp-content/plugins/.
    After this, you should have the file wp-content/plugins/xspf_player.php and the folder wp-content/plugins/xspf_player,
    with some other files.”

    SI ME PUEDEN DAR UNA AYUDA POR MSN ESTE ES MI MAIL =) SE LOS AGRADECERIA!!!

    MAIL: flopy_foreverandever@hotmail.com

    muxas grax!! 💡 ❓ ❗ 😀 ❗

    Like or Dislike: Thumb up 0 Thumb down 0

  13. Hola.
    quiero sacarme una duda.
    alguien sabe si la funcion shuffle de este plugin esta programada.
    Por que no logro hacerlo andar.
    Muchas Gracias
    Saludos

    Like or Dislike: Thumb up 0 Thumb down 0

  14. Hola, tengo un problema. El reproductor funciona barbaro en el blog, pero como la lista la hice con webjay, aparece un track “dedicado” a la pagina ( e el codigo fuente aparece class=”invisible” ), la cosa en concreto es sacarlo y no puedo, ya que la lista XSPF ya está armada y tampoco puedo editarla. Bueno, espero me puedan ayudar, desde ya muchas gracias.

    Like or Dislike: Thumb up 0 Thumb down 0

  15. #84, Sergi:

    La ayuda bilingüe iba a ir en la Wiki (http://www.boriel.com/wiki/en y
    /es) pero está continuamente “vandalizada” con SPAM. 🙁

    Respecto a sacar un tema concreto, dentro de un post, la orden es:

    _start(FALSE, 'order=3')

    Para sacar la canción #3. El número de pista lo ves en el panel de
    gestión de canciones. Cada canción tiene un numero asignado
    automáticamente en la columna ID.

    Like or Dislike: Thumb up 0 Thumb down 0

  16. Sorry, se me olvidó una pregunta: hasta ahora sólo tengo un archivo Mp3 en la base de datos y es el que aparece cuando reproducimos el xspf; la pregunta es: ¿cuando tenga más canciones, cómo selecciono la que quiero que aparezca en el post? ¿se pone el número entre los paréntesis que hay después de _start()?
    Gracias

    Like or Dislike: Thumb up 0 Thumb down 0

  17. Hola y felicidades por el plugin.
    Después de pelearme con la instalación, he logrado que funcione en un post. Pero tengo unas dudas/sugerencias:
    *¿por qué tenemos que desactivar el plugin de edición (en mi caso WYSI-Wordpress) para poder usarlo en un post?
    *recomiendo que se corrija el rearme: como se comentaba más arriba, sale un error: xpsf por xspf.
    *¿Por qué no un rearme en español?
    Repito, muchas gracias por el plugin y hasta otra.

    Like or Dislike: Thumb up 0 Thumb down 0

  18. Disculpen seré yo boba, pero no encuentro como editar la lista de reproduccion…

    Like or Dislike: Thumb up 0 Thumb down 0

  19. hola disculpen soy nobata y quiero ponerle un reproductor a mi ftp quiero el nombre de un programa que diseñe muy bien la pagina y quiero saber como puedo insertar este reproductor en etiqueta html no se como se hace por fa quiro que me den un tuto si gracias

    Like or Dislike: Thumb up 0 Thumb down 0

  20. El reproductor no se ve en mi blog! Le doy click derecho y el mensaje dice que la pelicula no se cargo! Vi que a alguien le paso lo mismo arriba, pero no vi la respuesta :s

    Like or Dislike: Thumb up 0 Thumb down 0

  21. bueno amigos aqui tengo un problema la pagina web que subi esta okey, el unico detalle es que no puedo escuchar la musica mp3 que subi y el video con extension mpg, tampoco lo puedo ver.
    si alguine me puede ayudar la pagina es.
    evilca.iespana.es

    mi correo es edgarvilcaf@hotmail.com

    se lo agradeceria mucho si alguien me ayuda

    Like or Dislike: Thumb up 0 Thumb down 0

  22. Hola. Recien instale wordpress 2.0.5 en la pagina que indique, instale el plugin xspf y cargue unas canciones en el hosting y segui el procedimiento regular…pero el reproductor solo se queda esperando a que cargue lista. Esto no pasaba en la version 2.o.4. Algo anda mal?

    Like or Dislike: Thumb up 0 Thumb down 0

  23. […] Los dos están muy bien. Personalmente en el blog he colocado el xspf. El otro reproductor de audio para wordpress se puede encontrar en 1pixelout. […]

    Like or Dislike: Thumb up 0 Thumb down 0

  24. perfecto! muchas gracias boriel por la ayuda… andando perfectamente!
    era eso de los tamaños… 😛

    Like or Dislike: Thumb up 0 Thumb down 0

  25. Boriel! tengo un problema… todo funcionando creo que bien pero el reproductor no se me ve, simplemente al hacerle click derecho encima donde deberia estar me dice, no se cargo pelicula.

    Que puede ser?

    Like or Dislike: Thumb up 0 Thumb down 0

  26. Funciona perfectamente, mas que contento. Muchas gracias, me costo un poco pues en realidad no se mucho sobre programacion PHP y tuve que modificar un par de lineas pues mi sitio usa PHP 4 y el plug viene para funcionar con PHP 5 ¿puede ser que haya sido ese el problema?

    Like or Dislike: Thumb up 0 Thumb down 0

  27. Perdon, se me olvido comentar que tengo este problema con tu plugin. No lo tenia antes, lo tengo ahora… espero me puedes ayudar.

    @

    Like or Dislike: Thumb up 0 Thumb down 0

  28. XSPF Player Plugin Management

    WordPress database error: [Table ‘gutielua_wr.wr_xspf_player’ doesn’t exist]
    SELECT COUNT(*) FROM wr_xspf_player

    WordPress database error: [Table 'gutielua_wr.wr_xspf_player' doesn't exist]
    SELECT * FROM
    wr_xspf_player LIMIT 0, 10

    Track Categories
    WordPress database error: [Table 'gutielua_wr.wr_xspf_player_categories' doesn't exist]
    SELECT * FROM
    wr_xspf_player_categories ORDER BY name` ASC

    Like or Dislike: Thumb up 0 Thumb down 0

  29. #70, Lost Tigres:

    Supongo que ya lo han arreglado.
    Acabo de entrar en tu web, y funciona la música perfectamente. 😉

    Like or Dislike: Thumb up 0 Thumb down 0

  30. a mi no me anda he cargado los temas en el form y sin embargo el playlist aun indica UNDEFINED, en que me equivoco?

    Like or Dislike: Thumb up 0 Thumb down 0

  31. Hola de nuevo!ya he probado con _start(), si lo pones en el editor html no lo reconoce.Hay que ponerlo directamaente en el editor como una frase normal. 😛 😛 😛

    Like or Dislike: Thumb up 0 Thumb down 0

  32. #66 y #67, Carrascus:

    He ido a tu página y me he quedado muy sorprendido. 😯 En efecto, pasa lo que dices (a mí también me sucede), así que no es cosa de tu ordenador. Tampoco es cosa del plugin, debería seguir sonando. “Algo” hace que cuando se pierde el foco, deje de oírse, pero no sé qué puede ser.

    Te sugiero que pruebes primero a poner el plugin en una página aparte, a ver si sucede. De hecho, el efecto también sucede si cambias de pestaña de firefox a otra pestaña en la que no esté tu blog.

    Si le das a play al plugin en esta página (Prueba con la canción “Xera”, que está online ;)) verás que sigue sonando aunque cambies de pestaña (al menos a mí me sucede). Así que no es por el plugin.

    Prueba lo que te dije de la página para descartar que las otras animaciones flash (ej. YouTube) estén interfiriendo de alguna manera, aunque tampoco deberían.

    Like or Dislike: Thumb up 0 Thumb down 0

  33. Después de dejarte el comentario anterior he observado otra cosa. Lo que te explicaba antes ocurre cuando abro el blog usando el explorador Mozilla Firefox, si uso el Internet Explorer la canción se queda sonando de fondo tanto si navego por la misma página, o abro otra página nueva manteniendo ésta, o abro otra aplicación diferente para trabajar en otra cosa… en fin, que la música se mantiene de fondo tal y como debería ser.

    ¿Alguna idea de por qué me ocurre aquello en el Firefox, que es el navegador que uso habitualmente?

    Gracias.

    Like or Dislike: Thumb up 0 Thumb down 0

  34. Gracias por el plungin. Boriel, facilita mucho la labor a la hora de integrarlo en un blog.

    Recientemente hemos hecho uno y hemos incluido tu plungin para hacernos una radio-blog y funciona de maravilla. Te repito las gracias. Pero te quería comentar un problema, por si fuese posible solucionarlo.

    Cuando estamos oyendo una canción y cambiamos de página o ponemos en pantalla otro programa diferente, la canción deja de oirse. Esto me parece normal, ya que ocurre también con los demás plungins de audio o visión. Pero lo que me mosquea más es que esto ocurre también cuando navegas por la misma página. Pero he observado que dejamos de oir la canción solo si en la pantalla deja de verse algo que tenga que ver con sonido.

    Me explicaré mejor, y te pondré al final el link del blog por si lo quieres comprobar por tí mismo.
    Abrimos la página y ponemos cualquier canción del radio blog. Empieza a sonar y nos movemos por la página hacia abajo para leer. Mientras en la pantalla del ordenador veamos el cuadradito del radio blog o uno de los cuadrados donde ponemos videos o una de las barritas del plungin de audio, la canción se estará oyendo, pero si en la pantalla del ordenador solo se ven letras o fotos, deja de oirse la canción…. ¿se te ocurre alguna solución…? porque a mí ya me tiene mareado… Igual es solo cosa de mi ordenador.

    http://www.blogin-in-the-wind.com/

    Miraré por aquí de nuevo por si me dejas algún mensaje. Muchas gracias.

    Like or Dislike: Thumb up 0 Thumb down 0

  35. Hola,
    Tengo una duda sobre el bitrate del xspf_player. Estoy utilizando como entrada al reproductor unos archivos .mp3 con una codificación muy baja, 8kbps. No puedo utilizar codificaciones más elevadas lo provoca que el archivo se lea a una velocidad demasiado alta y se escuche únicamente algo parecido a un pitido, ya que el reproductor esta en flash 7. Quisiera saber si hay alguna solución posible a este problema.
    Gracias de antemano

    Like or Dislike: Thumb up 0 Thumb down 0

  36. […] Actualizacion: Tuve problemas con las rolas debido a la codificacion y al bitrate que tenian, asi que puse otro plugin que se llama XSFP Player la verdad esta muy chido y lo pueden ver en la parte derecha de este blog, le dan clic a play y listo super rolitas para rato. […]

    Like or Dislike: Thumb up 0 Thumb down 0

  37. Hola, una duda: ¿hay alguna forma de insertar listas de reproduccion en vez de canciones? Es mas practico para insertar un disco entero de Jamendo por ejemplo. Gracias.

    Like or Dislike: Thumb up 0 Thumb down 0

  38. Yo tp tengo ni idea he instalado el pluguin y tal pero no se como hacer para que salga en la web k codigo hay que insertar?? saludoss

    Like or Dislike: Thumb up 0 Thumb down 0

  39. No tengo la mas remota idea de como instalar esto.
    ¿puedo hacerlo con dreamweaver? si es asi ¿como?
    y si no se puede ¿con que y como?
    Como verás no tengo ni idea.

    Like or Dislike: Thumb up 0 Thumb down 0

  40. Luthor (#55):

    Para poner un MP3 tienes que ir al panel de administración de WordPress, en la sección Gestión (Manage), y poner allí las URLs. Está en el archivo readme.txt, si no recuerdo mal.

    Like or Dislike: Thumb up 0 Thumb down 0

  41. Debo ser algo lelo :S llevo 2 horas dando vueltas y lo tengo perfectamente instalado pero no se donde decirle que me reproduzca una URL, ¿donde tengo que poner la URL del MP3 a reproducir?

    Like or Dislike: Thumb up 0 Thumb down 0

  42. Hola!

    Utilizo webjay.org para crear las playlists xspf, e indico en el código del reproductor la url hacia ese archivo xspf alojado en Webjay y creado por mí. (He probado de guardar ese archivo en mi servidor y no funciona).

    El problema es que llevo unas semanas en las que las últimas incorporaciones a la playlist de webjay cuando se reproducen no muestran imagen. ¿Alguien sabe cómo solucionarlo? He probado guardar las imagenes en distintos formatos y de maneras distintas, y no hay manera.
    Gracias.

    Like or Dislike: Thumb up 0 Thumb down 0

  43. Muchas gracias, me salvas de un multón XDDD

    Like or Dislike: Thumb up 0 Thumb down 0

  44. Alfonfs (#51):

    Depende de la licencia del artista. La mayoría de las canciones tienen copyright y NO es legal ponerlas en tu web sin permiso del autor (requiere derechos de difusión, si no me equivoco).

    Existe, no obstante, mucha otra música libre que puedes poner en tu sitio (como la que puedes oír en esta página).

    Visita Jamendo o Magnatune. Allí encontrarás mucha música libre que podrás poner en tu sitio.

    Like or Dislike: Thumb up 0 Thumb down 0

  45. Hola amigo,
    Para empezar muchas gracias por el plug-in que te has currado y por contestar a toda esta gente. Como puedes ver, tengo el reproductor instalado en mi web y me gustaria saber si es legal poner canciones que tienen derecho de autor.
    Muchas gracias

    Like or Dislike: Thumb up 0 Thumb down 0