16 may. 2011

Cómo insertar un reproductor mp3 con una lista de reproducción



En este tutorial veremos cómo insertar un reproductor MP3 con una lista de reproducción (PlayList) asociada. Es ideal, para cuando tenemos varios archivos de audio (mp3) y queremos utilizar un único reproductor que muestre en una lista todas las canciones posibles.

¿Qué necesitamos?

  1. Las canciones en formato mp3
  2. El reproductor mp3
  3. La lista de reproducción en formato xml
  4. El código para insertar en el blog

Pasos para insertar el reproductor mp3 con lista de reproducción en el blog.

  1. Publica los archivos de audio. Utilizaremos el servicio Dropbox que nos ofrece hasta 2 Gbytes gratis para almacenar los archivos de audio.

    1.1 Entra en DropBox (o crea una nueva cuenta si no tienes)
    1.2 Si acabas de crear una cuenta en DropBox deberás activar tu carpeta "Public" (solo para cuentas creadas a partir del 4 de Octubre de 2012)
    1.3 Publica tus archivos mp3 siguiendo estas recomendaciones.

    Recomendaciones: 
    Crea dentro de la carpeta public (debes activarla si no la tienes), una carpeta mp3 y luego subcarpetas por cada álbum. Por ejemplo:

    ../mp3/cd1/pista1.mp3, ../mp3/cd1/pista2.mp3....
    ../mp3/cd2/pista1.mp3, ../mp3/cd2/pista1.mp3....

    No uses mayúsculas. No uses espacios en el nombre de carpetas ni archivos. El  nombre de los archivos mp3 que sean de tipo pista1.mp3, pista2.mp3.. Esto facilitará mucho la edición posterior de la lista de reproducción.

    Sube las canciones hasta la carpeta correspondiente. En mi caso son tres canciones y el album se llama discotutorial. Mi carpeta queda de la siguiente forma: mp3/discotutorial.

  2. Reproductor MP3. Utilizaremos el reproductor desarrollado por DewPlayer .
    Descarga aquí el reproductor mp3 hasta tu ordenador (zip), descomprímelo y publícalo en la carpeta public/mp3 creada en el paso anterior.

  3. Lista de Reproducción. Es un archivo de texto con extensión xml donde deberemos indicar el enlace a cada uno de los archivos. También podemos indicar el autor, albúm, observaciones de cada canción.

    Dentro del archivo existe una sección llamada TrackList donde verás tantos bloques de texto como canciones tengas que reproducir. Ejemplo del primer bloque:

    <trackList>

    <track>
    <location>http://dl.dropbox.com/u/22283429/mp3/discotutorial/pista1.mp3</location>
    <creator>Bedrich Smetana</creator>
    <album>Má Vlast</album>
    <title>La Moldau (Vltava)</title>
    <annotation>Me encanta esta cancion</annotation>
    <duration></duration>
    <image></image>
    <info></info>
    <link></link>
    </track>
    .
    .
    .
    </trackList>

    Descarga aquí la lista de reproducción (zip) de ejemplo con mis tres canciones.
    Descomprime el archivo y ábrelo  en el bloc de notas para editarlo.

    En el campo location (resaltado en color rojo) debes indicar la url hasta el archivo mp3 (usa la opción Copiar enlace publico situado en el menú contextual a cada archivo en DropBox). Recuerda que si tienes 12 archivos mp3 deberás tener 12 bloques de texto como en el anterior dentro de la sección trackList.

    Una vez que lo tengas, guardalo con el nombre playlist.xml y publícalo en Dropbox dentro de la carpeta del albúm en mi caso quedaría así public/mp3/discotutorial/playlist.xml

  4. El código para insertar en el blog
    LLegados hasta este punto, ya tenemos las canciones, el reproductor y el playlist alojados en Dropbox. Ahora vamos a por el código que hará posible que el reproductor funcione en nuestro blog. Para ello, copia el siguiente fragmento de código, pégalo en el bloc de notas para cambiar los parámetros.
    <object type="application/x-shockwave-flash" data="https://dl.dropbox.com/u/XXXX/mp3/dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
    <param name="wmode" value="transparent" />
    <param name="movie" value="https://dl.dropbox.com/u/XXX/mp3/dewplayer-playlist.swf" />
    <param name="flashvars" value="showtime=true&autoreplay=true&xml=https://dl.dropboxusercontent.com/u/XXX/mp3/discotutorial/playlist.xml" />
    </object>
    Deberás cambia el link tanto del reproductor mp3 (resaltado en color rojo) como el link del playlist (resaltado en color verde). Estos enlaces los obtienes con la opción "Copiar enlace publico" en el menú contextual de cada archivo en DropBox.

    Fíjate como ha quedado en mi caso:
    <object type="application/x-shockwave-flash" data="https://dl.dropbox.com/u/22283429/mp3/dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
    <param name="wmode" value="transparent" />
    <param name="movie" value="https://dl.dropbox.com/u/22283429/mp3/dewplayer-playlist.swf" />
    <param name="flashvars" value="showtime=true&autoreplay=true&xml=https://dl.dropboxusercontent.com/u/22283429/mp3/discotutorial/playlist.xml" />
    </object>
    Una vez tengas el código habrá que pegarlo en el blog. Si lo quieres pegar en una entrada en concreto, edítala y pega el código estando en la pestaña "Edición de HTML".
    Si lo que quieres es situar el reproductor en un lugar común en el blog, deber ir a la pestaña Diseño y luego Elementos de la página, haz clic en agregar Añadir un Gadget y elije el tipo HTML/JavaScript y pega el código. Arrastra el Gadget hasta situarlo en el sitio deseado. Guarda la plantilla y visualiza el blog.

    Ejemplo funcionando en esta entrada

    Aquí puedes ver el resultado final. En mi caso el reproductor con mis tres canciones.

    Este tutorial ha sido sugerido por uno de los seguidores de iniciaBlog. Si hay algo que buscas y que no encuentras, utiliza el formulario de contacto para proponer nuevos temas.

    Espero que te halla resultado útil. Como en todas mis publicaciones, te agradezco que colabores con este blog opinando a través de los comentarios y recomendado esta entrada utilizando los botones de "Me gusta" o de "Twittear". ¡Gracias! :D

    130 comentarios:

    1. Muchas gracias. Estoy empezando a construir una página con plisweb, y este tutorial me ha sido de gran ayuda. Saludos!

      ResponderEliminar
    2. Gracias Santos,

      Cuando lo tengas facilítanos un enlace para verlo!!!

      Gracias por participar en este blog, dejando tus comentarios :D

      ResponderEliminar
      Respuestas
      1. Hola, gracias por esta información.
        Estoy tratando de colocar un reproductor en mi bolg, aun no termino porque el punto 4. que colocaste no lo entiendo muy bien, pues dices esto: "Deberás cambia el link tanto del reproductor mp3 (resaltado en color rojo) como el link del playlist (resaltado en color verde). Estos enlaces los obtienes con la opción "Copiar enlace publico" en el menú contextual de cada archivo en DropBox." Y resulta que para los archivos mp3 "Copiar enlace público" SOLO DA LA URL, es decir, la dirección iniciada con http: y finalizada con .mp3, y el archivo que se supone que va alli en el punto 4, es decir, terminado en .swf ES MUY DISTINTO.
        Por favor ¿puedes aclara el punto 4?

        Eliminar
    3. buen post man yo tamb lo hice con dropbox es lomejor visita miblog porfa www.infornar.blogspot.com dejame uncoment gracias :D

      ResponderEliminar
    4. Gracias, segui los pasos, y me funcionó,

      Hay varios puntos a favor:

      1. que dejo de utilizar todas el ancho de banda de mi servidor,
      2. los servidores de dropbox, deben tener un alto nivel de permanencia al aire y además de respuesta.
      3. el reproductor es agradable y creo que es muy usable por los colores.

      están aqui:
      http://enigmasdemundo.blogspot.com/2011/06/audios-por-nestor-armando-alzate.html

      Muchas gracias por la paciencia!

      ResponderEliminar
    5. Gracias Andrés por aportar otras ventajas que supone alojar los archivos mp3 en el servidor de Dropbox.

      He visto tu blog y he visto funcionado el reproductor con la lista de reproducción.

      Un abrazo!

      ResponderEliminar
    6. Hola.

      Ante todo darte las gracias por compartir la información.

      Ahora viene mi pregunta -reflejo de mi necesidad-: ¿Como hacerlo para un solo archivo?
      Verás, no paro de buscar el modo de hacer lo siguiente: En cada post de mi blog pretendo poner un tema musical, bien sea como acompañamiento o como motivo del mismo.
      Para conseguir esto no paro de buscar métodos pero no encuentro ninguno que sea sencillo, realizar todo el proceso que detallas aquí una y otra vez me parece excesivo.
      Leí sobre el de Amazon, pero no se puede usar en España, el reproductor de DropBox solo es para Chrome...

      Si sabes de alguna solución eficaz para tener un reproductor sencillo en mis posts y los archivos en la nube, te ruego me lo indiques.
      Gracias.
      Un saludo

      ResponderEliminar
    7. Hola gascuenha,

      Lo mas sencillo es precisamente el otro ejemplo, sin playlist...debes mirarlo ese te va a servir. http://www.iniciablog.com/2011/02/mp3-reproductor-blogger-player.html

      Coméntame algo, gracias por dejar tu comentario.

      Seguimos en contacto.

      Jesús

      ResponderEliminar
    8. Gracias mi amigo.. tenia mucho que queria hacer esto...

      ResponderEliminar
    9. Gracias Reynaldo por tu comentario. Me alegra saber que te ha servido...seguimos en contacto

      ResponderEliminar
    10. Holaaa!!! Esta muy bien, pero con esos colores casi no se ven en mi blog. No encuentro la manera de cambiarlo de color. ¿Sabes como hacerlo? gracias!

      ResponderEliminar
    11. Hola Cachirulos XL
      Perfecto, lo he visto en tu blog y va genial. Gracias por tu comentario. Con respecto a los colores no hay forma de cambiarlo pero comentarte que desde mi PC lo veo muy bien...prueba a verlo también desde otro ordenador...

      Gracias y un saludo

      ResponderEliminar
    12. Anónimo27/9/11 6:36

      Que tal mis estimados, muy buen reproductor eh!! lo he probado y funciona perfectamente, gracias por el aporte. Ahora solo tengo un cuestionamiento, sera posible que el reproductor, valga la redundancia, reproduzca automaticamente toda la carpeta donde se encuentran los archivos mp3 ??, en éste caso; "public/mp3/discotutorial", es decir, que yo solo suba los mp3 que deseo sean reproducidos a la carpeta "public/mp3/discotutorial", sin tener que también abrir el archivo "playlist" y agregar la "ruta" de todos y cada uno de los archivos mp3 donde se encuentran?? Espero sus comentarios, muchas gracias y saludos a todos desde GDL-MX!! Les dejo mi web http://www.ivxmexico.com

      ResponderEliminar
    13. Hola ivxWeb...
      Claro que es posible, para ello tus archivos deben tener nombre general por ejemplo audio1.mp3, audio2.mp3 de esa forma no estas obligado a tener que cambiar el play list. El titulo de las canciones, autor, etc que es información adicional del play list debe estar en blanco o ser genérico también.

      Me alegra saber que te ha servido y agradecerte tu comentario, muy mucho...

      Seguimos en contacto y mucha suerte
      Jesús

      ResponderEliminar
    14. Anónimo5/11/11 1:24

      La verdad que super útil el instructivo, la verdad que lo pude hacer. Subir una lista de temas pero no sé que pasa que no me deja subir mas de 3 temas. Estoy tratando y volviendo a intentar pero no me sube el 4 tema. Tiene un límite de subida por día?
      Muy útil Gracias

      Gustavo

      ResponderEliminar
    15. Hola Gustavo....

      Comentarte que no tiene limite...pero fijate que el archivo playlist.xml esta preparado para 3 canciones debes tener en cuenta esto y agregar más "registros" dentro del playlist. Recuerda que debes editarlo con el blog de notas.

      Ya nos cuentas

      Mucha suerte
      Jesús

      ResponderEliminar
    16. Hola mi estimada Jesús...
      Sabés por qué no podía? porque no había cerrado un track...
      Cómo no sé el thml, estuve como Adán en el día de la madre.
      Gracias por todo, la verdad que se lo pudo hacer.
      Intente con otros reporductores, y son muy complicados. Y algunos sólo te dan la opción de elegir musica de web, y no subir tus propios sonidos.
      Gracias por todo.

      Dios te bendiga

      Gustavo

      ResponderEliminar
    17. Muchas gracias!!! Me sirvio la info, no tenia idea pero ya esta. :D

      ResponderEliminar
    18. Gracias Fherguzo Fletcher por este estupendo comentario...me alegra mucho saber que lo has podido implementar.

      Saludos, Jesús

      ResponderEliminar
    19. ¡Qué bueno Gustavo!...

      Encontrastes donde estaba el problema, lo resolvistes, función y además has comentado tu experiencia cosa que es sumamente importante para otras personas....

      Gracias y espero seguir contanto con tus comentarios en otras entradas...

      Un abrazo
      Jesús

      ResponderEliminar
    20. Esto es lo que yo necesitava.
      Lamentablemente no me funciona. Aparece el reproductor vacío, sin las canciones dentro.
      He revisado las rutas mil veces y nada.
      Lo que he observado, al hacer doble clic sobre el archivo playlist.xml en Dropbox, es que me aparece una pantalla amarilla de error:
      Error de lectura XML: etiqueta sin pareja. Se esperaba: /link.
      Ubicación: https://XXXX/mp3/cd/playlist.xml?w=b65a0360
      Número de línea 22, columna 11:
      ............/track
      ----------^
      Apunta a la t. Las trackList tienen todas inicio y cierre.
      No entiendo el problema.

      ResponderEliminar
    21. ¡¡¡Solucionado!!!
      Esto es lo que yo necesitaba.
      El error estaba en la etiqueta link copiada de tu lista de reproducción, donde no está cerrada, y al no añadir link no me había fijado en ella mientras insistía revisando las rutas...
      Gran aporte.
      Gracias.

      ResponderEliminar
    22. Hola Aitor...

      Me disponía a responderte por el primero de los comentarios cuando ha llegado el segundo.

      Mi enhorabuena por completar este tutorial.

      He revisada el playlist q ofrezco para descargar y está ok. Es posible q durante la edición del mismo la etiqueta link te la llevarás y de ahí el error.

      Nuevamente gracias y enhorabuena!
      Jesús.

      ResponderEliminar
    23. Hola, antes que nada Muchas gracias por la info, trate de seguír todos los pasos, pero cuando verifico en mi blog, se ve todo ok, pero no tiene audio, es decir no se escucha "nada"¿? porque será??? Saludos y gracias!

      ResponderEliminar
    24. Hola Anómino....

      La única manera que tengo para ayudarte es que me envíes un enlace hasta tu blog o bien que rellenes el formulario de contacto y nos comunicamos a través de email.

      Te espero....

      Saludos, Jesús.

      ResponderEliminar
    25. Este comentario ha sido eliminado por el autor.

      ResponderEliminar
    26. Hola Jesús...
      Agradezco tu respuesta y confirmo a medias tu revisión; me explico: al abrir tu playlist lo hace, en mi caso, tanto en una especie de bloc de notas de winrar como en Dreamweaver. En el primero están cerradas las etiquetas link, pero en Dreamweaver me aparecen sin cerrar. Yo las copié de Dreamweaver.
      Sea como sea nunca está de más un ejercicio de revisión.
      Gracias otra vez y enhorabuena a ti también por el tutorial y por responder a las consultas.

      ResponderEliminar
    27. esta informacion me ha sido muy util.

      gracias

      me qedo de la siguiente manera:

      http://compositorantonio.blogspot.com/

      ResponderEliminar
    28. buenas, la información uff excelente.. ya la música sonando.. pero me gustaría saber como colocar varias listas de reproducción, (varios discos de un mismo artista) y que el lector pueda escoger entre las listas y los temas.. gracias!!
      mi msn: aoiproducciones@hotmail.com

      ResponderEliminar
      Respuestas
      1. Trataré de buscarte algo aunque no te prometo nada. Es posible que se consiga mediante programación web.
        He revisado la web del autor del reproductor pero no he visto nada.
        http://www.alsacreations.fr/dewplayer-en.html
        Siento no poder ayudarte en este aspecto de todas formas lo dicho, lo tengo anotado.
        Gracias y mucha suerte
        Jesús Gonzaález

        Eliminar
    29. excelente estaba buscando esto y lo probe hoy y me salio toditito tal como me muestra y me ha quedado genial, aqui esta el link para que puedan verlo
      http://www.rossymar.com/rossymar.html pero aca tengo una duda, como hago para que el usuario al momento de ingresar se escuche la musica automaticamente, si vez en el link que te doy esta toda la lista pero no se reproduce sola sino hay que hacerle clic, podrias ayudarme en esto porfavor, es la web de mi hermana XD.

      gracias de antemano

      ResponderEliminar
      Respuestas
      1. Hola Rafael,
        Perfecto, gracias por tu comentario.
        Para hacer un AUTOPLAY es decir que el reproductor se ponga en marcha automáticamente debes probar con este parámetro autostart=true Tienes todos los parámetros del reproductor en esta página. http://www.alsacreations.fr/dewplayer-en.html

        Ya me dices algo.

        Gracias y mucha suerte
        Saludos, Jesús.

        Eliminar
    30. He intentado muchas veces hacer con este reproductor y nunca lo lograba. Voy a hacer el intento, espero lograrlo.

      ResponderEliminar
      Respuestas
      1. Hola LaU,

        Esto si es novedad, un comentario antes de empezar todo un lujo... ya me contarás el resultado.

        Gracias y mucha suerte
        Jesús González

        Eliminar
      2. Comprobado, tú si explicas como se debe, ya instalé un reproductor en este sitio
        Después de tantos intentos al fin.
        Muchas gracias!!

        Eliminar
      3. Pefecto Lau...he visto el reproductor y solo queda felicitarte!

        Gracias por tu comentario antes y después ha quedado genial.

        Espero que encuentres más cosas en el indice de contenidos iniciablog http://www.iniciablog.com/p/grandes-preguntas.html y sigas comentando por aquí.

        Saludos, Jesús

        Eliminar
    31. Hola muchas gracias por todos estos tutos son de gran utilidad. tengo un inconveniente, el reporductor se muestra en el blog sin problema pero aparece el mensaje de XML ERROR en la barra donde se reproduce la canción y la lista de reporducción aparece en blanco. Los archivos del reproductor, de la lista de reproducción y la canción están publicadas en sites.google.
      Inicialmente lo probe con el reproductor mini y funcionó pero en el caso del reproductor con playlist no funcion.

      Gracias por tu ayuda.

      ResponderEliminar
      Respuestas
      1. Hola Pancho!

        Pensé que te había respondido....
        Por favor indícame la url a tu blog o al post donde tienes el reproductor para ver qué está pasando.

        Un abrazo,
        Jesús González.

        Eliminar
      2. Efectivamente Pancho, te envíe un email, ¿lo vistes?

        Eliminar
    32. Muchas gracias, me ayudaste mucho. Saludos.

      ResponderEliminar
      Respuestas
      1. Gracias Covomosa!
        Me alegra saber que te ha servido! :)

        Jesús González.

        Eliminar
    33. Hola, gran aporte. Tengo una consulta; hice todo lo que dices y todo va bien, aparecen todas las canciones , el reproductor y se escuchan todas. Lo único es que arriba del reproductor aparecen todos las direcciones de las canciones. Aparece asi
      http://dl.dropbox.com/u/72192942/mp3/yellowledbetter.mp3 Yellow Ledbetter http://dl.dropbox.com/u/72192942/mp3/someonelikeyou.mp3 Some one like you http://dl.dropbox.com/u/72192942/mp3/noone.mp3 No one http://dl.dropbox.com/u/72192942/mp3/respira.mp3 Respira http://dl.dropbox.com/u/72192942/mp3/rollinginthedeep.mp3 Rolling in the Deep http://dl.dropbox.com/u/72192942/mp3/gritar.mp3 Gritar

      aparecen todos lo enlaces, como los saco?? para que se vea solo el reproductor.


      Gracias espero me respondas pronto. Saludos desde #Chile

      ResponderEliminar
      Respuestas
      1. Hola Luis,

        Seguramente el problema lo tienes en el XML, has usado el campo de título de la canción para poner la url...de todas formas para ayudarte necesito saber la url de tu blog.

        Un abrazo! y gracias por comentar
        Jesús González

        Eliminar
    34. Buenos días, este es el link de mi #Blog
      http://mitracklist.blogspot.com/

      Tambien estoy en Twitter como @LuisFernandez_P
      Muchas gracias, Espero puedas ayudarme.
      Saludos Luis Fernández

      ResponderEliminar
      Respuestas
      1. Hola Luis,

        Lo he visto y lo tienes perfecto lo único que ha pasado es que has pegado la lista de canciones jeje...es decir, edita el gadget y elimina desde donde pone <playlist.... hasta </playlist solo deja el objeto ya que las canciones ya las tienes en el XML......
        Te he enviado un Twitter...

        Ya me comentas ¿vale?

        Gracias por comentarlo!
        Jesús González

        Eliminar
    35. Muchas gracias por la ayuda. Ahora si resultó todo bien. Ya te sigo en Twitter y recomendé tu página, está muy buena.
      En twitter como @LuisFernandez_P
      Gracias

      ResponderEliminar
    36. Hola..tengo otra consulta: puedo poner 2 reproductores en el mismo blog en distas ubicaciones. gracias por tu ayuda

      ResponderEliminar
      Respuestas
      1. Si claro que puedes....mira este ejemplo: http://www.bandassonorasdecine.com/2004/02/grandes-temas.html

        Gracias por tu comentario y siento la demora en mi respuesta. Se me había pasado tu comentario.

        Jesús González

        Eliminar
    37. Anónimo4/7/12 8:20

      hola que tal muy buenas tardes buscando como subir un reproductor flas swf a mi web di con tu blog y la verdad me gustaria que me pudieras ayudar resulta que tengo un reproductor muy bueno donde lo puedes modificar con tu nombre aparece el nombre de tu radio aparece la direccion url y desde el mismo reproductor tiene una flechita donde de ahi mismo puedes descargar la musica que estas escuchando muy bueno y tiene un diseño supergenial tengo 3 modelos el problema es que no me deja subirlo a mi web trato de subirlo y dice que no se permite subir en archivos swf y pues necesitaria sacar el codigo para poder meterlo como html pero no se como sacarlo y la verdad ando muy desesperado este reproductor funciona con musica en .xml vi apenas un chavo que te dice que puedes subir desde dropox archivos flash lo intente y efectivamente por primera vez puedo subir mi reproductor el problema es que al subirlo si aparece pero sin canciones como que no las jala y me di cuenta de algo el reproductor viene en una carpeta con otro archivo .xml donde estan las canciones que jala abri desde el escritorio el reproductor con macromedia y si lo abre y aparecen las canciones pero al subir el reproductor por medio de dropox no aparacen y se me ocurrio scar el archivo .xml de la carpeta y abrir el reproductor para ver que pasaba y abre pero sin las canciones es decir necesita estar el archivo .xml dentro de la carpeta donde esta el reprodcutor para que pueda aparecer las canciones el punto es que si me puedes ayudar como hacer para que se oiga y se suban las canciones junto con mi reproductor ya que desde dropox lo pongo como un enlace asi que por logica no esta jalando las canciones como le podrias hacer me puedes ayudar? ya hice lo que pones aqui y pense que funcionaria pero no solo aparece el reproductor ayudame por favor si gustas puedo obsequiarte el reproductor para que lo veas como es estoy desesperado llevo 4 dias tratando de subirlo a mi web ya funcionando y no puedo mi correo es katoogun@hotmail.com de todos modos estare checando tu blog para ver si me has respondido que tengas una linda tarde y que dios te bendiga

      ResponderEliminar
    38. Hola Jesus, he conseguido poner el reproductor en mi blog y todo me funciona perfectamente. El problema que tengo es que los archivos mp3 alojados en dropbox son muchos y ya casi me llegan a los 2 gb de almacenamiento que te ofrecen gratuitamente. Mi pregunta es, ¿Se puede realizar lo mismo con Sugarsync?, porque yo lo he probado y no me funciona. Cuando saco los enlaces publicos de Sugarsync y los pego al codigo html, no tienen terminacion en .mp3.
      Ejem.
      https://www.sugarsync.com/pf/D8692779_65316345_82569

      ResponderEliminar
      Respuestas
      1. Hola Shank,
        Bueno realmente te has respondido tu mismo, es decir no todos los servicios de hosting ofrecen un enlace directo hasta el archivo. Esto sucede tal y como nos comentas tu mismo con SugarSync.

        De todas formas no se si sabes, pero con dropbox puedes obtener más espacio gratuito. Mira esto: https://www.dropbox.com/getspace

        Muchas gracias por aportar tu experiencia a este artículo.

        Un fuerte abrazo,
        Jesús González

        Eliminar
    39. Despues de tanto buscar encontre mil gracias solo una pregunta se puede cambiar el color y la medida del reproductor? gracias igual

      ResponderEliminar
      Respuestas
      1. Hola,

        Con respecto al color y medida lo he vuelto a revisar en http://www.alsacreations.fr/dewplayer-en.html pero no he visto nada de nada.

        Lo siento,

        Un abrazo,
        Jesús González

        Eliminar
    40. saludos me parese bueno la forma en q se puede utilizar pero quiser saber si no hay problema si quisiera utilizarlo en mipagina web normal y no en un blog

      gracias

      ResponderEliminar
      Respuestas
      1. Perfectamente...
        La ventaja que vas a tener en tu página web es que tienes un hosting con lo cual no necesitas tirar de Dropbox.

        Gracias por comentarlo.

        Jesús González

        Eliminar
      2. gracias por la respuesta esta http://www.radioshockonlineradio.byethost3.com/noticias.html es mi web y asi me quedo me fue de ran ayuda hace mucho queria implementarlo

        Eliminar
      3. Lo he visto, te ha quedado genial! gracias por comentar.
        Jesús González

        Eliminar
    41. hola jesus tus tutoriales son muy buenos y es una de las mejores paginas de este tipo que hey encontrado, bueno my problema es muy parecido por no decir igual al de :::Anónimo::: y quisiera tu ayuda por favor mi correo es halcon_zm@terra.es gracias.

      ResponderEliminar
    42. hasta ayer todo me salia bien, derrepente ya no funciono mas, y descubri el problema, hago lo que dices, copio las canciones en una carpeta de dropbox,cambil el tracklist.xml, el problema es cuando pego el dewplayer-playlist.swf, cuando lo pego el reproductor desaparece, no se cual sea el probleam o mi error, pero ese es el archivo que no me deja, hasta hace un rato funcionaba bien, hize los pasos denuevo, cambie los temas, lo inicie tantas veces desde O y nada...recibo cualquier ayuda, y gracias de antemano

      ResponderEliminar
      Respuestas
      1. Me hace falta que me digas cual es la direccion de tu blog donde podría ver lo que te pasa.

        Seguro que podemos ver donde esta el problema
        Muchas gracias por comentarlo y a la espera de tu respuesta

        Jesús

        Eliminar
    43. Anónimo8/10/12 5:12

      Felicitaciones me ayuda bastantes te dejo 9pts jejeje

      ResponderEliminar
    44. Jesus Gonzáles, pude hacer todo perfectamente pero cuando tengo que copiar el link del playlist me aparece un error. He leído sobre el mismo problema pero no encuentro aun la solucion. Quisiera que me la des. Muchas gracias !

      ResponderEliminar
    45. Hola,
      Cual es la direccion de tu blog o web para ver hasta donde has podido llegar. Si quieres conversar por email cumplimenta el formulario de contacto que tengo en la parte superior de blog.

      Muchas gracias por tu comentario.

      Jesús González

      ResponderEliminar
    46. He llegado a hacer todo, pero cuando voy a mi blog, me aparece solo el reproductor, y las canciones no estan, no se encuentran. Yo creo que es una culpa del playlist, tendre que descargarlo y descomprimirlo nuevamente ?

      Gracias.

      ResponderEliminar
      Respuestas
      1. Si por favor....un dato cuando editas el XML hazlo con el blog de notas, no lo hagas con word o wordnote...el blog de notas o un editor xml.

        Gracias,
        Espero nuevamente tu comentario ¿vale?

        Eliminar
    47. amigo lo que sucede es que tengo toda la estructura que tu nos mostraste al comienzo pero al ir a mi pag solo aparece el reproductor...
      que debo hacer?!!!!!!!!
      gracias por el tuto y espero me respondas pronto

      ResponderEliminar
      Respuestas
      1. Hola Mateo,
        Supongo que eres la persona que antes comentó como anónimo....tratto de ayudarte pero debo ver algo...puedes decirme la url de tu blog para tratar de ver el reproductor...

        Gracias!

        Eliminar
    48. HOLA AMIGO ESTA PAGINA ESTA SUPER BUENA SABES ME GUSTARIA SABER SI ME PUEDES AYUDAR CON UN PAR DE COSAS LA PRIMERA ES SOBRE ESTO DE PONER MP3 EN MI BLOG Y LA SEGUNDA ES QUE QUIERO PONER PELICULAS EN MI BLOG PERO NO SE COMO HACERLO Y TAMPOCO ENCUENTRO NINGUN TUTORIAL SOBRE ESTO ES ALGO COMO CUANDO TU ENTRAS A UNA PAGINA DE PELICULAS MIRAS TODAS LAS PELICULAS NUA DETRAS DE OTRA EN LINEA RECTA PERO EN MI BLOG SOLO PUEDO PONER UNA MAXIMO DOS PORTADAS DE PELICULAS PERO DE DIFERENTE TAMANO Y NO SE COMO HACERLO ESPERO QUE ME ENTIENDAS SI PODRIAS HACER LO EN VIDEO ES MAS FACIL PARA MI ESTADO TRATANDO CON ESTODEL MP3 YA SON VARIOS DIAS Y NO SOY CAPAS DE HACERLO AYUDAME PLEASE

      ResponderEliminar
    49. ¿Donde esta la pestaña "Edición de HTML"?

      ResponderEliminar
      Respuestas
      1. Cuando estas editando un post, tienes que dos botoncitos en la parte superior izquierda. Uno es "Redactar" que es donde normalmente maquetamos el contenido del artículo y otro llamando HTML. Presiona este botón y pega el código.

        Gracias por comentarlo me siver para mejorar el post.

        un fuerte abrazo Andrés,

        Jesús González

        Eliminar
    50. Muchas gracias Jesús!! me ha servido de mucho.
      Un saludo!!

      ResponderEliminar
    51. Hola, parece que a todos funciona muy bien, pero debo ser el torpe del grupo porque no doy con la tecla, y eso que he hecho exactamente lo que dice el tutorial.

      El problema creo que es en principio ejecutar el reproductor desde el mismo dropbox.

      Lo he probado llamandolo desde su propia página web (www.estvideo.com) y así si funciona siempre y cuando ponga los archivos a reproducir, pero no una lista de reproduccion.

      Siento ser el único que no haya podido hacerlo, hay algún problema nuevo con dropbox en el sentido de que no permita ejecutar el reproductor?

      Muchas gracias.

      ResponderEliminar
    52. Hola a todos. Siento ser el único torpe al que no le funciona el reproductor.

      He seguido todos los pasos al pie de la letra pero no hay manera.

      Parece que el problema es alojar el reproductor flash en mi cuenta de dropbox, porque lo he probado llamando al reproductor en su propia página (www.estvideo.com) y si funciona, aunque reproduciendo los tracks uno a uno, no con lista de reprodución.

      Muchas gracias y siento ser la nota discordante cuando todo iba de maravilla.

      P.D. Puede que dropbox no permita ahora reproducir flash?

      Mi blog donde tengo alojado el reproductor en pruebas es:
      http://apuntesapunto.blogspot.com.es/#!/2012/11/reproducir-lista-de-mp3-en-dropbox.html

      ResponderEliminar
      Respuestas
      1. Carlos,
        Acabo de dejarte un comentario. Escríbeme via formulario de contacto y conversamos por email para que puedas hacerme llegar tu código y así revisarlo.

        Un abrazo y gracias por comentarlo.

        Jesús González

        Eliminar
    53. Muchas gracias Jesús por tus explicaciones, en mi blog te lo agradezco de nuevo y enlazo a tus explicaciones.

      Un saludo y gracias por todo.

      ResponderEliminar
      Respuestas
      1. Perfecto Carlos, solucionado! al final es cierto ese dicho de "cuatro ojos ven más que dos"

        Saludos,
        Jesús

        Eliminar
    54. Hola, la verdad es que he intentado crear un reproductor intenté uno,muy bueno de otro sitio y la verdad es que resultó de lujo, tenia muchos tipos de reproductores y era muy lindo... pero... no puedo poner mas de un tema... Una lata!! me gustaría mucho que ayudaras, siento que este, el que tu propones es muy complicado, sobre todo por la playlist, quisiera, si es posible que me ayudaras, estoy vieja y siento que cada dia me cuestan mas las cosas informaticas, pero ahi voy, dandole. Te dejo mi direccion donde estoy provando el reproducctor. http://bailedemedianoche.blogspot.com Gracias, gracias.

      ResponderEliminar
      Respuestas
      1. Hola Alejandra,

        Lo primero es darte las gracias por tu visita y por tu comentario. Aquí todos estamos aprendiendo, lo que te quiero decir es que debes intentarlo, seguir los pasos y en el caso que no salga podré ayudarte a resolver. Pero necesito que al menos lo intentes.

        Te espero.

        Jesús González

        Eliminar
    55. Hola necesito saber si puedes poner un tuto de como poner/sacar música a un blogpost porfavor gracias

      ResponderEliminar
      Respuestas
      1. Hola Kate!
        Lo primero es agradecerte tu comentario y tu visita.
        Necesito que pongas en marcha paso a paso este tuto y te ayudo en el punto que no entiendas ¿te parece?

        Saludos,

        Jesús

        Eliminar
    56. Buenas!
      Yo estoy empezando con mi blog y...lo cierto es que parece muy fácil, pero algo me falla y ya no se qué es. Supongo que será el código del playlist porque me da error continuamente. De primeras "la opción Copiar enlace publico situado en el menú contextual a cada archivo en DropBox", no me sale o..no la encuentro. Pero vamos, he probado diferentes opciones y no hay manera.
      Espero vuestra ayuda en cuanto sea posible!!

      Gracias por todo y un saludo,

      Fer

      ResponderEliminar
      Respuestas
      1. Hola Fer V!
        Lo primero es darte las gracias por avisarme. Efectivamente todas las cuentas creadas a partir del 4 de Octubre de 2012 no dispone de la carpeta public. Sin embargo si que puedes habilitar tu carpeta publica y seguir el tutorial tal y como se describe aquí.

        Para habilitar tu carpeta publica sigue este enlace y sigue las instrucciones. Una vez que la tengas aplica el tutorial y vuelve a comentarme.

        Gracias por tu comentario.

        Jesús González

        Eliminar
      2. Hola Jesús!

        He seguido tus indicaciones y...funciona!!! Tan sólo quería darte las gracias y decirte que te has ganado otro seguidor más.
        Una única pregunta más: el hecho de publicar estas canciones en el blog ¿puede suponer algún tipo de problema legal?
        Gracias por todo una vez más!!!
        Hasta pronto!

        Fer

        Eliminar
      3. Perfecto Fer V.

        Con respecto al tema legal no puedo ayudarte mucho, trata de documentarte buscando a través de internet. Todo depende del enfoque que le quieras dar al tema.

        Eliminar
    57. Muchas gracias! ahora... a seguir los pasos!

      ResponderEliminar
    58. @Jesús González Hola, seguí todos los pasos y me funcionó pero el problema es que sólo funciona en mi pc mientras tenga abierta la cuenta de dropbox. Al parecer la opción de enlaces públicos la han eliminado de dropbox y solamente los usuarios viejos tienen la carpeta public. Por favor si conoces otra forma u otro sitio donde pueda alojar el xml de la lista y el reproductor te agradecería mucho que me informaras, un saludo.

      ResponderEliminar
      Respuestas
      1. Hola Germán,

        Te ha pasado lo mimo que comentí FerV! Parece que efectivamente las cuentas abiertas en Dropbox a partir del 4 de Octubre de 2012 no tienen habilitada la carpeta publica. Para habilitarla tu carpeta publica sigue este enlace.

        Vuelve a comentarme vale?

        Jesús González.

        Eliminar
    59. Hola lo aplique y anda joya pero me gustaría q cuando abra la pagina arranque a reproducirse solo, como hago??

      Gracias saludos

      ResponderEliminar
      Respuestas
      1. Gracias Marcos,
        Para lograr lo que me comentas deberás incluir este parámetro adicional autostart=true
        Un fuerte abrazo,

        Jesús González

        Eliminar
    60. Muchas Gracias Jesús, con algunos problemas un par de días, pero me tomé el trabajo de leer todos los comentarios y efectivamente hay que activar la opción 'habilitar Carpeta Pública' con esto al menos apareció del reproductor; pero no la lista de canciones. Hice click en la pagina de mi cuenta dropbox en el carchivo playlist y se abrió en otra ventana y copié la url de la barra derección, asi con cada archivo de música tambien y los copie en el xml.
      Mi xonsulta seria; porque funciona en chrome y opera pero no en ie8 ni firefox; se quedan cargando pero no aparecen. Será porque el servidor el gratuito?
      pazensucamino.site11.com
      Gracias por todo y tambien por su aistencia.
      El Señor le bendiga.

      ResponderEliminar
      Respuestas
      1. Hola aamiki,

        Lo primero es darte las gracias no solo por tu visita sino también por dejar tu comentario. Parece que nos vamos acercando.

        La verdad es que desconozco si el problema viene por el dominio gratuito. De todas formas podría miralo, pero necesito que me digas donde lo tienes instalado ya que me conecte a tu página pero no lo vi.

        Un abrazo,

        Jesús González

        Eliminar
    61. Hola, está muy buena y sencilla la solución que dan en este blog; pero no lo he logrado y tal vez me puedan ayudar; he cargado los archivos en dropbox sin problemas; he copiado, modificado y publicado como gadget el código para mi blog (marcosfajardo.blogspot.com) pero me pasan dos cosas:
      1) Utilizando los enlaces públicos en todas las modificaciones, no me aparece el reproductor.
      2) Utilizando las URLS que aparecen al abrir el archivo dentro de dropbox aparece el reproductor en la vista previa del blog pero al comprobarlo en otras computadoras, no existe el mismo.

      Estaba pensando que tal vez era un problema de los códigos html, pero he revisado y no he logrado encontrarle solución.

      Quise poner aquí los HTML pero no me dejó.

      ¿Cuál creen que sea el problema?

      Disculpen las molestias, pero es que necesito cargar esa lista de reproducción...

      Saludos,

      Marcos

      ResponderEliminar
      Respuestas
      1. Hola Marcos,

        Encantado de poder ayudarte. He visto tu blog pero no veo el reproductor. Recuerda que si estas has creado una nueva cuenta de Dropbox debes habilitar la carpeta publica, ya que esta no viene por defecto. Mira los últimos comentarios para que sigas ese enlace.

        De todas formas he visto tu blog, pero claro no veo el reproductor, en qué entrada es donde lo tienes.

        Espero tu respuesta,

        Jesús González

        Eliminar
    62. Hola, tengo un pequeño problema. Intento insertar el reproductor en un post, el reproductor es simple y sin lista de reproducción, pero cuando lo inserto no aparece el resto del articulo que viene después del reproductor. Me explico mejor: escribí un post hace algún tiempo, sobre un disco, luego decidí insertar una demostración del disco con Dewplayer. El reproductor lo he intentado insertar justo en medio del post, pero al hacerlo la mitad del post, la que viene después del reproductor, desaparece.

      En el caso de tu post desaparecería esto:

      "Este tutorial ha sido sugerido por uno de los seguidores de iniciaBlog. Si hay algo que buscas y que no encuentras, utiliza el formulario de contacto para proponer nuevos temas.

      Espero que te halla resultado útil. Como en todas mis publicaciones, te agradezco que colabores con este blog opinando a través de los comentarios y recomendado esta entrada utilizando los botones de "Me gusta" o de "Twittear". ¡Gracias! :D
      ARTÍCULOS RELACIONADOS".

      ¿QUE ESTOY HACIENDO MAL?

      ResponderEliminar
      Respuestas
      1. Simplemente necesito que me digas la URL del post donde lo tienes escrito.

        muchas gracias!
        Jesús González

        Eliminar
    63. Hola,

      Aunque el sitio en el que participo no es un blog, seguí el tutorial y todo funcionó perfectamente. ¡Gracias!

      Aquí está el reproductor: http://eurofestival.16mb.com/

      Salu2,
      Guillermo

      ResponderEliminar
      Respuestas
      1. Muchisimas gracias euroFestival, por tu visita, por el comentario y por compartir tu blog.

        He visto el reproducto y te ha quedado perfectamente integrado en el lateral.

        Un abrazo,
        Jesús González

        Eliminar
    64. Estimado amigo:

      El reproductor no funciona en mi blog: http://acivro.blogspot.com
      Lo he metido como se indica en las instrucciones, subo las canciones y la carpeta de dewplayer a dropbox, modifico el playlist como se indica, introduzco el código como gadget bajo HTML pero no aparece nada.

      ¿Alguien me puede ayudar qué puede fallar?
      Un saludo
      Alexinas11

      ResponderEliminar
      Respuestas
      1. Hola Alejandro,

        Acabo de conectar con tu blog y veo que ya no lo tienes, no me has dado tiempo a revisarlo. De todas formas he visto el que has puesto.

        Seguimos en contacto y gracias por comentar aunque en este caso no te haya podido ayudar.

        Feliz 2013.
        Jesús González

        Eliminar
    65. Anónimo8/1/13 21:45

      hola jesus mira mi problema es que no encuentro la opcion de copiar enlace publico y mi reproductor se ve asi http://legacymauro.blogspot.com.ar/ y tampoco entiendo que significa esto /u/72192942/mp3? (y si se ve mi comentario anterior perdon por preguntar 2 veces)

      ResponderEliminar
      Respuestas
      1. Mauro,
        Por favor vuelve a revisar el post, acabo de actualizarlo. El problema está en que hay que activar la carpeta public.
        Vuelve a comentarlo una vez que pruebas nuevamente.

        Muchas gracias por comentar.
        Jesús González

        Eliminar
    66. hola :D, me interesa poner este reproductor en una pagina propia pero se da que no me aparecen las canciones, tan solo el reproductor vacio y otra cosa, no encuentro en dropbox la opcion de copiar enlace publico y lo que yo hice para conseguir el link de cada cancion fue seleccionarla desde la pag de drpbox donde me direcciona a otra pag donde reproduce la cancion y use ese link.
      De antemano gracias por la antencion :D!

      ResponderEliminar
      Respuestas
      1. Hola Eduardo,
        El problema es que tienes que activar la carpeta Public. He editado el post, vuelve a releerlo, en los primeros pasos encontrarás cómo habilitar dicha carpeta.

        Gracias por comentar!

        Eliminar
    67. mmmm lo q pasa es q la ultima version de drobox no tiene la carpeta publica
      q otra opcion tengo ? le agradecioeria su respuesta

      ResponderEliminar
    68. holaaa plo q pasa es q dropbox ya no tiene esa opcion de la carpeta publica q otra opcion tengo para crear la lista

      ResponderEliminar
      Respuestas
      1. Hola Sergio,

        Llevas toda la razón. Acabo de actualizar el post, ya tienes indicado cómo habilitar dicha carpeta.

        Dime si lo has conseguido. Gracias por comentar
        Jesús González

        Eliminar
      2. muchas gracias me fue de gran ayuda en cuanto este lista la pg le dare la direccion

        Eliminar
      3. http://novamusic.likesyou.org/electronica.html

        si quedo bn gracias

        Eliminar
      4. esta es la direccion

        http://novamusic.likesyou.org/electronica.html

        ha quedado bn gracias

        Eliminar
    69. hola, estoy en proceso de crear una pg, y me está siendo muy útil este ''cacharrito''. No soy bueno con la informática, y no consigo ver el fallo, el caso es que en mi blog solo consigo que aparezca el reproductor, no logro que las canciones se reproduzcan, ni siquiera que se vean
      un saludo y muchas gracias, este blog no puede ser mas util, de verdad

      ResponderEliminar
      Respuestas
      1. Hola Mario,
        cual es la dirección de tu blog para poder verlo
        Jesús González

        Eliminar
      2. http://mividaenmadriz.blogspot.com.es/
        mil gracias Jesus, eres un crack!!

        Eliminar
    70. ¿Cómo se hace el paso 3? ya descargue el archivo, y al abrirlo me sale una ventana con esto un monton de letras y simbolos, aun asi ¿subo el archivo como dices?

      Ayuda!!

      ResponderEliminar
    71. Muchísimas gracias!!! Excelente tutorial, muy bien explicado y funciona bárbaro.

      ResponderEliminar
    72. muchas gracias muy buen tutorial me servio de mucho

      ResponderEliminar
    73. muchas gracias fue de gran ayuda este tutorial "Exelente"...

      ResponderEliminar
    74. Anónimo6/3/13 0:40

      gua soy principiante y logre poner el reproductor aparte grasias por la buena explicasion y clara porsupuesto esta chevere le da vuen aspecto al blog
      me yega me yega me yega gasiiiiasssss.... sugiereme mas ayudas me yega que las dises claras..

      ResponderEliminar
    75. Buenas, no soy capaz de que me salgan las canciones, no se que hago mal, me estoy volviendo loco¡ He leido todos los comentarios y nada, no se que hago mal¡ Mira mi pagina me sale el reproductor pero vacio¡
      http://djmoyaofficial.es.tl/Downloads.htm
      Espero tu respuesta

      ResponderEliminar
    76. Buenas noches, gracias por el tutorial pero no se que hice mal; parece que fue la playlist, porque no la tengo muy clara.
      Desde donde debo editar mi playlist, porque veo xspf.org, www.blup.fr?
      Si no quiero colocar album o autor que hago?
      Me podrias aclarar mejor como hacer la playlist sólo con el titulo de la canción?
      Gracias,
      mi blog es: http://rescatepereira.blogspot.com
      rescatepereira@gmail.com

      ResponderEliminar
    77. Gracias Jesús por el tutorial, lo he repasado varias veces y no sé donde está el error. Mi blog es: http:rescatepereira.blogspot.com y mi correo es: rescatepereira@gmail.com
      Espero me puedas colaborar
      Dios te bendiga

      ResponderEliminar
    78. Por fin lo logré y con autostart gracias por tu disposición y por compartir tus conocimientos.
      Dios te guarde.
      http://rescatepereira.blogspot.com

      ResponderEliminar
      Respuestas
      1. Perfecto Henry acabo de verlo, te ha quedado genial!
        Jesús

        Eliminar
    79. Jesus, habrá algún inconveniente con el dewplayer playlist ya que me da un error y por lo que veo en este blog aparece igual. xml error. y no aparece listado alguno.
      http://la-cancha-de-tu-hermana.blogspot.com.ar/

      ResponderEliminar
      Respuestas
      1. Hola La Cancha,
        Gracias por avisarme, efectivamente había un problema, por lo que veo tenía que ver con no con el play list en sí, sino con el fragmento de código ha insertar en el blog.

        He actualizado el código, en primer cambio es usar https:// en lugar de http://, el otro cambio tiene que ver la ruta a la que va a buscar en playlist.xml ahora es: https://dl.dropboxusercontent.com/u/... en lugar de http://dl.dropbox.com/u/ que era como estaba antes.

        Yo he realizado estos cambios y me ha empezado a funcionar nuevamente.

        Insisto, fíjate nuevamente en el código del objeto (reproductor) y compáralo con el que tu tienes para que veas las diferencias.

        Gracias por avisarme
        Jesús

        Eliminar
    80. holaa espero q esten bn solo queria saber por q haora sale algo de erro xml si tengo la lista enlazada gracias

      esta es mi pagina
      novamusic.likesyou.org

      ResponderEliminar
      Respuestas
      1. Hola Sergio,
        Le tutorial ha sido actualizado nuevamente, por favor vuelve a coger el código.

        Eliminar

    Te agradezco la participación en iniciaBlog a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo. Gracias y mucha suerte! ;-)

    Más información ¿Cómo poner el botón de...:?

    Premio Bitácoras

    Aviso Legal

    Licencia Creative Commons
    iniciaBlog - Te ayuda con Blogger a mejorar tu blog
    iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
    Basada en una obra en www.iniciablog.com.

    Creado por Jesús González

    Política de Privacidad de iniciaBlog | Política de Cookies
    2015 © Jesús González es el autor de iniciaBlog.com
    Tema creado por Way2themes y adaptado por inciciablog