Páginas

17 abril 2008

Yahoo Media Player

Yahoo Media Player es un servicio interesante para utilizar como reproductor de audio. Es tan simple que sólo requerimos insertar el script y crear enlaces que son detectados automáticamente lo que convierte al sitio entero en una playlist.

Lo que necesitamos es incluir el código del script en nuestra plantilla, preferentemente, antes de </body> aunque, en este ejemplo, lo he incluido directamente en el post:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
Hay otra versión del script disponible que incorpora algunas funciones extras pero que está en fase de desarrollo así que, puede usarse si queremos experimentar pero, no es estable.

Una vez incorporada, basta escribir los enlaces. Por ejemplo:
<a href="URL_archivo1.mp3">Ejemplo 1</a>
<a href="URL_archivo2.mp3">Ejemplo 2</a>
<a href="URL_archivo3.mp3">Ejemplo 3</a>
Como cualquier otro enlace, podemos agregarle más parámetros:
<a href="URL_archivo.mp3" class="nombre" title="texto">Texto/Imagen</a>
En algunos casos, cuando alojamos un archivo de audio en determinados sitios, no nos dan una dirección que contenga la extensiòn MP3 sino algo más genérico:

http://servicio.com/playlist/file/xxXXXXXXX

En ese caso, debemos agregar un parámetro específico para que el script lo reconozca:
<a href="URL_archivo" type="audio/mpeg">Texto/Imagen</a>
También podemos agregar imágenes para cada una de ellas o crear listas de reproducción. Todo eso está explicado en una wiki del mismo reproductor.

Eso es todo, el reproductor está listo y ahora podemos usarlo. A cada enlace se le agrega un botón que permutará de estado cuando estamos reproduciendo el tema. Además, el enlace también nos permitirá descargar directamente el archivo MP3 en nuestra PC.

En la parte inferior de la página, se verá una pestaña y haciendo click allí, se expandirá, abriendo toda una serie de controles (más detalles):



Para Blogger, hay un ejemplo de Template basado en la plantilla mínima y para WordPress, hay un plugin fácilmente instalable.

33 comentarios:

  1. ¡Buenísimo!

    Muy original... y el aspecto de flotante es excelente. Fácil de usar... completo.

    ¡Me pregunto de dónde sacas tantos recursos!

    Felicidades.

    ResponderBorrar
  2. Excelente JMiur!!!!, lo acabo de probar alojando un mp3 en google page y funciona perfecto....

    saludos.

    ResponderBorrar
  3. Voy a instalarlo, pero, por favor, quisiera tener algunas aclaraciones.
    Los MP3 se cargan todos en el blog o sólo se cargan cuando se hace clic ?
    Se tiene que esperar que el mediaplayer descargue para luego meter los URLs de los MP3s?.
    De antemano, agradecido.

    ResponderBorrar
  4. A ver si consigo explicarme bien.
    La pregunta es la siguiente:
    ¿Se puede dimensionar un blog (hablamos de Blogger)que tenga justo el tamaño de la pantalla, de modo que contenga una sola entrada y no varias una debajo de otras?

    La idea pasa por hacer un blog que, pinchando en Entradas Anteriores, vaya pasando como si fueran las páginas de un libro.

    Atentamente:
    Joaquin

    ResponderBorrar
  5. JMiur....
    hay forma que no aparezca el ícono del play en la entrada?, me parece innecesario tenerlo allí, la idea sería manejarlo todo desde el módulo expandible, se me ocurre.
    se puede modificar el script?

    gracias.

    ResponderBorrar
  6. Funciona muy bien con un enlace directo .mp3

    Pero no he tenido suerte con aquellos archivos alojados sin extensión .mp3, experimenté con este archivo y agregué el parámetro especifico: type="audio" que recomendaste y bueno el reproductor efectivamente reconoce el archivo pero no lo reproduce..., tal vez estoy haciendo algo mal.

    Gracias por traer estos recursos.

    Saludos.

    ResponderBorrar
  7. El reproductor es interesante porque basta colocar el script y luego, sólo colocamos enlaces. Eso lo hace muy flexible.

    Paola:
    ¿Se puede modificar el script? Lo dudo.
    ¿Hay forma que no aparezca el ícono del play en la entrada? Es probable, no lo he experimentado pero, si pueden ocultarse los enlaces, es decir, que no se vea nada excepto el reproductor flotante. Para eso, basta agregarles display:none:

    <a href="elMP3" style="display:none;">XX</a>

    Romer Riera:
    No, los MP3 sólo se cargan al reproducirlos, eso es una gran ventaja
    ¿Se tiene que esperar que el mediaplayer descargue para luego meter los URLs de los MP3s? Si va a usarse de manera permanente, como parte del blog, el script hay que colocarlo antes de </body>; al estar allí es lo último que se ejecuta en la página así que, cualquier enlace estará antes. En resumen, siempre van primero los enlaces y luego el script porque este, lo que supongo que hace, es "leer" el código de la página y si encuentra enlaces a audio, los cambia para usarlos.

    Fender Stratokaster:
    Lo que ocurre con esa dirección es que, en realidad, no es un archivo de audio sino una página web. El método de agregar TYPE funcionará sólo para archivos de audio directos; es decir, si copias y pegas esa diirección en la barra del navegador, no se abrirá una página sino que se reproducirá o se descargará. No sé si es muy clara la explicación :$

    Joaquin:
    Sí, se puede pero claro, habrá que modificar la plantilla y allí dependerá de cada modelo. Puede sacarse la sidebar, redimensionar el área de posts, etc. La cantidad de entradas por página es una opción que se define en CONFIGURACION | FORMATO.

    ResponderBorrar
  8. Eres un amor.... mil gracias

    ResponderBorrar
  9. JMiur
    hay forma de ponerle un autoplay?

    ResponderBorrar
  10. Ya veo que lo has colocado :D

    No he visto ninguna opción de autoplay. Se me ocurre que está pensado justamente para que no lo tenga.

    ResponderBorrar
  11. Listo, Jmiur... por ahí encontré dónde alojar mp3.

    Gracias a Paola también por la sugerencia de hospedar mp3 en Google pages.

    ResponderBorrar
  12. Muchas gracias.


    Joaquin.

    ResponderBorrar
  13. Hola, alguien sabe ¿Cómo es que sin que en la pagina se pusiera el link al script me sale el player?

    Por ejemplo si estoy en una pagina de esas "Index of"

    Le pedi a un amigo que checará en su pc esa URL y me dice que el no vé el player :S

    ResponderBorrar
  14. Bueno, ya descubrí por que, resulta que el agregado para firefox FoxyTunes lo hace cuando detecta los links a los mp3 en cualquier pagina, muy conveniente pues auque te encuentres en otro TAB puedes navegar por el playlist con FoxyTunes.

    Así mismo por ahí vi un script para Greasemonkey muy bueno :)

    Gracias

    ResponderBorrar
  15. Muy bueno tu blog, lo conoci desde el de gema y ahora estoy enganchado a los dos xD.
    Al caso, mi duda es si en vez de un sólo archivo se podría enlazar a una lista de reproducción, como un m3u por ejemplo, o hacer algo por el estilo para poner un solo enlace pero que se abra una lista de reproducción.
    Muchas gracias de antemano y perdon por mi torpeza ^^

    ResponderBorrar
  16. Bien!gracias!

    yo tenia uno flash..y para que se hiciera notar le puse autoplay...por que si lo pongo pausado, estando en la sidebar no llama la atención

    Este me viene al pelo!Gracias...


    pero...no sabes alguna pagina que tenga mp3 para escuchar y este con la extención mp3 al final?..por que sino los tendria que subir uno por uno a SkyDrive..y para hacer una playlist buena costaria mas laburo...

    Desde ya gracias JMiur

    ResponderBorrar
  17. Ya esta! ya lo hice!

    algunos temas los subi a SkyDrive y otros lo saque de esta pagina:

    http://www.mixsta.com/

    te da las canciones con la extencion mp3...y tiene alojados los mp3 en servidores exeternos..la mayoria ftps...muy buena pagina...pero si quieren mas buscadores,en esta pagina hay un lista:

    http://taringa.net/posts/links/1113037/C%C3%B3mo-conseguir-un-tema-mp3.html

    y los ordene con una lista enumerada


    GRACIAS JMiur!!!

    ResponderBorrar
  18. Kira:
    Si te fijas en la Wiki de Yahoo Player, hay una parte que habla de Playlists. Se necesita crear un archivo (que puedes hacer con el blog de notas) y que tiene una sintaxis especial. allí hay un pequeño ejemplo.

    Marcos:
    Sí, la primera dirección es un buscador de MP3s. A la segunda le daré una mirada pero parece interesante :)

    ResponderBorrar
  19. no se se conocias la pagina Taringa! pero es muy buena y recomendable...me ha sacado de muchos aprietos :)...se puede encontrar de todo ahi...

    Nos vemos!

    ResponderBorrar
  20. Sí, Taringa la conocía. Hasta una vez me enlazaron :D

    Cosas raras que suceden ;)

    ResponderBorrar
  21. Tenia otra duda JMiur, y era si conoces alguna alternativa parecida a esta pero con video y no solo con mp3. La idea es que la comodidad de poner únicamente un enlace es muy buena y me gustaría aprovecharla también para videos.
    Gracias por todo ^^

    ResponderBorrar
  22. Kira:
    No conozco nada tan automático para videos salvo las ventanas tipo LightWindow pero requieren agregar scripts, etc, etc.

    ResponderBorrar
  23. intente subir un archivo mpe desde skydrive pero cuando lo ejecuto en el blog dice "We're sorry, playback timed out"... ¿alguna idea de porque?... y también m gustaria saber de q otra forma (o desde q otro lugar) puedo obtener urls .mp3... gracias de antemano

    ResponderBorrar
  24. Depende de lo que quieras hacer. Si quieres usar un reproductor personal, por ejemplo, yo uso Fileden. En otros sitios, puedes alojarlos y ellos mismos te proveen un reproductor así que luego, sólo copias y pegas el código que te dan, por ejemplo DivShare. Hay una entrada con una lista de sitios pero es vieja así que algunos pueden no existir más.

    ResponderBorrar
  25. Hola, me gustaría poner el Yahoo media player en mi blog de tal forma que la reproducción sea automática (quiero seleccionar una canción e irla cambiando de tanto en tanto), ¿podrías ayudarme a configurarlo?

    muchas gracias...

    ResponderBorrar
  26. Ese tipo de detalles vas a tener que buscarlos en la página de Yahoo, no sé si es posible hacerlo.

    ResponderBorrar
  27. mmm, ok... JMiur, te agradezco de todos modos...

    bye!

    ResponderBorrar
  28. hola, no sé si a alguien más le ha pasado, pero veo que me resulta sólo con firefox (lo probé también en chrome, ie y safari) y en los otros navegadores me aparecía un audio (en inglés) que decía que tenía que visitar no sé que página por el tracklist

    no sé si alguien pueda

    gracias de antemano

    Salu2

    ResponderBorrar
  29. ya lo arregle xD, creo que debe haber sido el host, ahora en google sites anda bien

    ResponderBorrar
  30. Holas. sé que este post tiene sus añitos, veamos si alguien aun me puede ayudar. He intentado colocar ese repro en mi blog de blogger pero no se ve.. ni flotante ni de ninguna manera.. Y desde yahoo tampoco logro colocar las canciones.. Nyaaa.. estoy super enredadisima.. si alguien me ayuda plis.

    ResponderBorrar
  31. Habría que saber que has hecho y ver algún ejemplo online para intentar saber si hay un error en alguna parte.

    ResponderBorrar
  32. hola, 1 pregunta... sabes como puede ser para que aparezca el reproductor ya expandido?

    ResponderBorrar

Nota: sólo los miembros de este blog pueden publicar comentarios.