Listas de reproducción con audio.js

Con un poco de dificultad he conseguido crear una página web con un reproductor audio.js y una lista de reproducción que se carga pulsando sobre el texto, de manera automática, o con las teclas del teclado que se indican.
En otro momento explico los pasos.
Decir que lo que no he conseguido es hacerlo directamente en la entrada del blog.
Esto que se ve aquí debajo es un iframe que carga una página externa.

Leer más >>

Tu propia lista de reproducción con RadioBlog

Registrándote en RadioBlog puedes crear tu lista de reproducción con los temas disponibles en la web. La verdad es que es un poco confusa la navegación y la forma de hacerlo.

1.- Para empezar tienes que registrarte con una dirección de correo activa. Recibirás un mensaje desde el que tendrás que responder para activar la cuenta.

2.- Cuando pulses Enviar, saldrá este primer mensaje de éxito y diciéndote que vayas a tu cuenta de correo:

3.- Cuando hayas activado el link desde la cuenta de correo, volverás a esta pantalla en la que tienes que introducir tu clave:

4.- Al darle a Enviar entras en tu cuenta con tu nombre de usuario (arriba hacia el centro derecha):

5.- Pinchas en TUS PLAYLISTS PERSONALES. Por defecto, tienes MI PLAYLIST:

6.- En el cuadro de texto, pones una palabra para buscar tu música, autor o grupo:

7.- En el listado de temas, haces doble clic en el icono azul, a la izquierda del todo:

8.- Y vas al reproductor de la derecha de la pantalla y le das al play para comprobar que suena.

9.- Si suena, y decides que quieres incorporar el tema a la lista, pinchas sobre el icono del corazón. El icono se pondrá rojo y ya estará incorporado a la lista.

1o.- Para verlo le das a TUS PLAYLISTS PERSONALES y verás el tema por debajo de la publicidad:

11.- En la derecha, puedes comprobar si suena y si tiene imagen asociada:

12.- Así vas añadiendo los temas que te interesen.

Si quieres eliminar uno, pulsa sobre el corazoncito rojo que pasará a gris. Ese tema ya no estará en la lista. Lo compruebas actualizando la página:

13.- Con la flechita verde puedes cambiar el orden de los temas.
14.- Ahora pinchas en el Blog this Radio.blog:

15.- Y copias el código <embed> para pegarlo en el blog:

16.- Ten en cuenta que lo que se hace en el blog es una llamada a tu lista. Quiere esto decir que, si después de la publicación en el blog, modificas la lista de reproducción, también se verá modificada en el blog...

          

Reproductor múltiple de vídeos de Joroen Wijering

Había echado ya un vistazo al artículo de José María Campo sobre el nuevo reproductor múltiple de vídeos de Jeroen Wijering.

Lo había visto un poco complicado. Y la verdad es que, un poco, lo es. Para empezar, necesitaremos un servidor en el que alojar los archivos para la reproducción correcta de nuestra lista. Al principio creía también que era necesario alojar los vídeos en el mismo servidor pues el ejemplo que ofrece el autor es con un vídeo alojado en la misma carpeta. No es así. Es decir los archivos (la lista de reproducción, el archivo del javascript, la página web, el archivo .swf) pueden estar en un servidor, y los archivos de los clips de películas, los .flv, en otro.

Lo que ocurre es que no nos van a valer vídeos alojados en los servidores públicos más conocidos: YouTube, Dailymotion, Eyespot, Bolt,... pues necesitamos el archivo de vídeo en formato .flv y con acceso directo al archivo. Es decir, la URL tiene que acabar en .flv

Así pues necesitaremos:

1.- El archivo .xml con la lista de vídeos a reproducir (playlist.xml)

2.- El archivo .js con el javascript (ufo.js)

3.- El archivo .swf que es el reproductor flash (flvplayer.swf)

4.- La página .html en la que se incrusta el reproductor flash con la lista de los vídeos (flvplayer.html)

5.- Otra página .html si queremos que la reproducción pueda verse en pantalla completa (fullscreen.html)

6.- Los vídeos .flv que queramos colocar en la lista.

Una vez hayamos conseguido el alojamiento de nuestros vídeos en un servidor que nos permita ver la URL correcta (finalizando en la extensión .flv) lo que tenemos que editar es la playlist colocando la dirección de nuestro vídeo entre las etiquetas <location> y </location>

Es muy importante saber que si probamos las cosas en modo local, no nos va a funcionar. En cambio, una vez publicado todo en internet, veremos que todo funciona.

En cuanto a la página web que aloja el reproductor .swf tendremos que editarla, borrando el código correspondiente al reproductor de un único vídeo y dejando el código del reproductor múltiple.

En el artículo lo publicaremos con un iframe que llame a la página web flvplayer.html

Si no queremos que se adjunte, en la parte inferior, la lista de reproducción podremos, simplemente, colocar el reproductor con la etiqueta embed tal como nos señaló José María Campo a propósito del artículo sobre cómo incrustar un archivo .swf en el blog.

En mi caso, he querido subir a mi espacio de EducaMadrid todos los vídeos. Sólo he podido publicar uno de ellos, pues los otros dos superaban el tamaño máximo permitido (algo menos de 10 megas). Los otros dos, eran de tamaño superior. Estos últimos, y los otros archivos, los he alojado en el CNICE. EducaMadrid no permite hacer FTP.