JMiur [E]

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:

Fernandooo1  

¡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.

Responder
paola monti  

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

saludos.

Responder
Romer Riera  

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.

Responder
Anónimo  

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

Responder
paola monti  

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.

Responder
Fender Stratokaster  

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.

Responder
JMiur  

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.

Responder
paola monti  

Eres un amor.... mil gracias

Responder
paola monti  

JMiur
hay forma de ponerle un autoplay?

Responder
JMiur  

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.

Responder
Fender Stratokaster  

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

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

Responder
Anónimo  

Muchas gracias.


Joaquin.

Responder
paren  

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

Responder
paren  

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

Responder
Kira  

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 ^^

Responder
Marcos Cousseau  

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

Responder
Marcos Cousseau  

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!!!

Responder
JMiur  

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 :)

Responder
Marcos Cousseau  

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!

Responder
JMiur  

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

Cosas raras que suceden ;)

Responder
Kira  

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 ^^

Responder
JMiur  

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

Responder
[.luna de octubre.]  

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

Responder
JMiur  

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.

Responder
[.fîłłe đe łâ иuît .]  

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...

Responder
JMiur  

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

Responder
[.fîłłe đe łâ иuît .]  

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

bye!

Responder
Tattyalbo  

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

Responder
Tattyalbo  

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

Responder
Arizu  

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.

Responder
JMiur  

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

Responder
Alexis  

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

Responder
JMiur  

Lo desconozco, Alexis.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

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

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR