martes, 15 de noviembre de 2011

Reproductores multimedia de Yahoo




17/11/2013 ¡CUIDADO!: Post desactualizado. Nueva situación del reproductor en esta entrada

Dándole vueltas al problema de la caída del PlayTagger de Delicious, y tras algún tiempo de vacilación, me acordé (gracias a un lector de mi Antología) de que Yahoo tenía un reproductor basado en javascript que funcionaba prácticamente igual: un fragmento de código que se coloca en cualquier parte del código del blog y, a partir de ese momento, cualquier vínculo a un mp3 se carga con el reproductor asociado. Lo que permite oír el archivo sonoro sin salir de la página. Y, este código se coloca una única vez.
Así que me dispuse a colocarlo en la plantilla del blog y, automáticamente, se actualizaron todas las entradas del blog (algo más de 200) con el nuevo reproductor asociado.

Mientras, voy actualizando con el HTML 5, uno por uno, cada uno de los poemas. Porque la pega de este reproductor es que no es leído por los dispositivos móviles (al menos por los iOS).
El fragmento a colocar es éste:

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

Luego, para que se coloque el reproductor en el sitio que deseemos:

<a href="http://_la_ruta_del_archivo.mp3"></a>Texto alusivo al audio

Pues bien, acabo de descubrir que Yahoo ha actualizado su reproductor. Enseguida he ido a comprobar si era compatible con iOS: ¡No! Una pena...
La diferencia es que el nuevo reproductor (lo llaman webplayer para diferenciarlo del viejo mediaplayer) reproduce tanto mp3 como vídeos alojados en YouTube o en Yahoo Video.
En esta ocasión escribimos el código:

<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script> 

En la parte del body, dice la página web, justo por encima de la etiqueta de cierre de cierre: </body>.
En realidad da igual. Yo he comprobado que funciona tanto si se coloca en cualquier parte del body como en la parte del head. Lo que no funciona es colocarlo en la entrada del blog. El antiguo playtagger (y el mediaplayer de Yahoo)  también admitía su inclusión en el código de una cualquiera de las entradas.

El reproductor detecta el tipo de multimedia que es: mp3 o vídeo y despliega la ventana adaptándose a la situación.

Si se colocan varios archivos multimedia se genera una playlist.
Veamos un ejemplo con estos tres archivos multimedia:

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

Nota: por alguna extraña razón no consigo hacer funcionar el reproductor en este blog. Por esto he creado uno nuevo con el webplayer funcionando correctamente. Ver aquí.


Actualización (noviembre 2015): Esta entrada ha quedado obsoleta.
En este otro post de noviembre de 2013 se explica la alternativa.

2 comentarios:

  1. Saludos. yo tengo el archivo palyer.js en drpbox y quiero correr el player en un blog de blogger, pero no me funciona. Que me recomiendas ?

    ResponderEliminar
  2. Hola EliecerADD.
    Hace tiempo que no empleo DRPBOX pero creo recordar que, al menos antes, había una carpeta que se llamaba "Pública" o algo parecido que era el sitio dónde había que guardar los archivos que tuviesen ese carácter para que se accediese de forma universal.
    Sal del modo registrado de tu DROPBOX, y comprueba que la ruta de tu archivo js es accesible.
    Por ejemplo, esta es la mía:
    http://www.angelpuente.es/yahoo/player.js
    Tiene que abrirse... sin problema...
    Supongo que aunque el comentario lo has escrito en este post estás haciendo lo que se menciona en la entrada actualizada.
    Otra idea es que pruebes escribir el código en la parte del body en lugar de en la parte del HEAD.
    A ver si así funciona...
    Suerte.
    Ya me dirás...

    ResponderEliminar