miércoles, 7 de marzo de 2012

#7. Webplayer de Yahoo

En esta ocasión vamos a hablar de los geniales reproductores que funcionan con una simple línea de código escrita una única vez en la plantilla del blog y para todas las veces que queramos insertar un archivo mp3 en cualquiera de las entradas, a partir de ese momento, y en adelante.
El precursor de este método fue el servicio de marcadores sociales Delicious. Entre sus funcionalidades ofrecía este reproductor de mp3 al que denominaban play tagger. El play tagger de Delicious.


Este era el reproductor que empleaba en mis blogs de música de autor y poesía.
Una vez pegada esa línea de código en la plantilla del blog, ya no había que volverla a escribir.
Únicamente, en cada caso, había que hacer un vínculo a cada archivo mp3.
Este reproductor absolutamente minimalista dejó de funcionar cuando Delicious fue comprado por Yahoo y, posteriormente, por Avos.
Un reproductor muy parecido es el denominado inicialmente Mediaplayer de Yahoo y que, hace muy poco tiempo ya no está tampoco disponible pasando sus funcionalidades al nuevo Webplayer.
Básicamente es idéntico a nuestro añorado play tagger.
Una simple línea de código y, luego vínculos puros y duros al archivo de audio.
La ventaja de este reproductor es que no sólo reproduce audio.
También vídeo.
En función de el tipo de multimedia se despliega el reproductor con el tamaño adecuado.
Si se hace una secuencia de vínculos en una misma entrada, se genera una lista de reproducción accesible desde el mismo reproductor multimedia.
En el post del blog asociado a este podcast dejo el código, los ejemplos y los enlaces correspondientes para completar esta información.
Recuerda: http://tallerdeaudiodigital.blogspot.com/

Webplayer de Yahoo

Esta es la línea de código que hay que insertar en la plantilla del blog:
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>
Dentro de lo que se llama la cabecera del código HTML. Entre <head> y </head>
En los blogs de Blogger:
Diseño > Plantilla > Edición de HTML > Continuar
Se accede al código.
Buscar la línea que pone <head> y justo en la línea siguiente pegas el código.
Así es como queda en uno de mis blogs:
...
/2005/gml/expr'>
  <head>
 
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
...
Luego para que salte el reproductor, tenemos que escribir en la entrada, en la pestaña HTML el siguiente fragmento de código:
<a href="http://ladirecciondelarchivo.mp3"></a>Texto referido a la multimedia
Sustituyendo ladirecciondelarchivo por lo que corresponda.
También se puede poner el vínculo a un vídeo.
Ejemplos:

Grabación sobre Webplayer de Yahoo (del podcast de audio)
Mar Camacho sobre Mobile Learning
Tíscar Lara: "Aprender desde los márgenes"

Más información: http://angelpuente.blogspot.com/2011/11/reproductores-multimedia-de-yahoo.html


Actualización (noviembre de 2015): Hace ya tiempo que este reproductor también ha dejado de funcionar.
La solución alternativa está explicada aquí.
Y podemos ver un ejemplo en esta entrada.



No hay comentarios:

Publicar un comentario