Acabo de publicar Regala Google Chrome por navidad |

Yahoo! Media Player

By Miguel Ángel Jiménez Achinte On 8:35


Hace poco visité un blog llamado Poca Tinta y me llamó la atención su novedoso reproductor de mp3. Indagando un poco llegué a esta pagina donde Yahoo! explica en tan solo tres pasos como añadir el reproductor y las canciones mp3, y como está en ingles tratare de explicarlo bien:

1- Lo primero será buscar (Ctrl+F) </body> y justo antes añadir el script que nos proporcionan:

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

2- Usando un hosting que acepte audio mp3 (como FileDen o DivShare) subimos cada archivo y lo adjuntamos a la plantilla mediante un enlace:

<a href="http://URL-DEL-ARCHIVO/ejemplo1.mp3">Primer enlace</a>
<a href="http://URL-DEL-ARCHIVO/ejemplo2.mp3">Segundo enlace</a>
<a href="http://URL-DEL-ARCHIVO/ejemplo3.mp3">Tercer enlace</a>

3- Para reproducir cada canción basta con presionar click sobre el enlace que acabamos de añadir.

Puedes probarlo directamente desde Yahoo! Media Player

Listas de reproducción

Algo que no vi en la pagina de Yahoo!, pero si en Poca tinta, fue como crear una lista de reproducción por medio de un arcchivo xml:

Vamos al block de notas y pegamos el siguienmte codigo:

<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Nombre de Lista</title>
<trackList>
<track>
<location>URL_archivo.mp3</location>
<creator>Artista</creator>
<title>Titulo</title>
<image>Url_Imagen</image>
</track>
<track>Para poner mas canciones pegamos aqui el texto en azul</track>
</trackList>
</playlist>

Al momento de guardarlo nos aseguramos de ponerle la extención xml, es decir quedaria algo como nombre.xml y lo subimos al srvidor(por ejemplo FileDen).
Luego de tener la url del archivo xml lo incluimos en el blog de la siguiente forma:

<a href="URL_Nombre.xml" type="application/xspf+xml">Enlace</a>

y eso es todo :)





6 comentarios

  1. Hola. Ya está tu favicon en mi faviconera.
    Como mola lo de los emoticones!!! como lo lograste?
    Saludos

    Posted on 7/14/2009 12:28 p. m.

     
  2. A ver si ahora salen los emoticonos:

    :D :o :O ;( |O :P :-I :\ :) :$

    Posted on 7/14/2009 12:29 p. m.

     
  3. Ok Nico, lo de los emoticones está explicado en esta entrada :)

    Saludos!

    Posted on 7/14/2009 12:31 p. m.

     
  4. Amigo de lujo, ya lo coloque en el blog de pruebas. a ver si me decido por la música ha subir, oye ese marco de arriba que, esta bueno.

    Posted on 7/15/2009 6:01 p. m.

     
  5. Es un reproductor muy bueno o por lo menos me gusta su presentación, por lo de la barra superior aún está en version beta :O, en cuanto lo termine trataré de explicarlo en una entrada.

    Posted on 7/15/2009 7:27 p. m.

     

Publicar un comentario en la entrada al viejo estilo