Lista de reproducción de vídeos de Jeroen Wijering nueva versión

Hace poco tiempo hablábamos de la lista de reproducción de vídeos de JW. Aunque la lista funciona correctamente, el autor ha creado una nueva versión, la 4.2, que admite múltiples tipos de archivos multimedia. Nosotros vamos a poner un ejemplo con clips de vídeo en formato .flv.


Para empezar, deberemos alojar en nuestro servidor los clips de vídeo y las imágenes que quieras que se muestren al inicio y como miniatura de cada uno de los clips.
Una vez alojados estos archivos deberás colocar, en una misma carpeta en tu servidor, los cuatro siguientes archivos:
player.swf (no tienes que modificar nada).
swfobject.js (no tienes que modificar nada).
index.html (tienes que ver el código y modificar la ruta, si es el caso, de los archivos que son llamados.
playlist.xml (es el archivo fundamental). Tienes que modificar las rutas de los vídeos y de las imágenes. Y escribir los textos que quieras mostrar en la barra de menú. Conviene que las rutas sean absolutas.
Para visualizar el reproductor colocamos en un iframe la URL del index.html.

Gracias a José María Campo por las pistas dadas.

Reproductor mp3 Mixwit

Mixwit tiene mucha similitud con uno de los reproductores de My Flash Fetish.

Podemos crear una lista a partir de nuestros archivos mp3:

Y podemos también crearla desde la propia web, cargando las pistas que nos interesen:

Todos las "skins" parten de la imagen del viejo cassette. Aquí, parece que la cinta corre conforme avanza la reproducción.

Podemos configurar estilos, colores, tamaño y color del texto, e incluso cargar una imagen que sirva de fondo.

La pega de nuevo son los caracteres no ingleses. Las eñes con problemas. Las tildes... imposible.

Reproductor mp3 versión 2

Bueno pues, de repente, llega la inspiración y me sale algo que ni ayer, ni antesdeayer salía... Es curioso esto de los procesos intelectuales... De repente, sin saber muy bien por qué, se enciende una bombillita en algún lugar del cerebro y... las cosas salen.
Cuando estudiaba COU recuerdo que mi profesor de Matemáticas, un buen profesional, aunque bastante desorganizado, pero muy inteligente y con amor por su asignatura, nos contaba cómo, cuando estudiaba su carrera, se acostaba alguna noche preocupado porque no acababa de dar con la solución de un determinado problema que tenía que resolver y, de madrugada, se despertaba sobresaltado porque su insconsciente no había parado de darle vueltas al problema. Se levantaba, se sentaba con sus papeles y... ¡problema resuelto!
Aquella historia se me quedó. Sobre todo porque, entonces para mí, que no era tan buen estudiante, no había problema de matemáticas ni de ninguna otra asignatura, que me preocupase tanto para quitarme el sueño.
Esta anécdota, sin embargo, la he contado innumerables ocasiones a mis alumnos porque yo la he vivido ya de mayor. Es, un poco también, lo de dormir las decisiones importantes. Consultarlo con la almohada. Ahora, claro, para que el tema funcione, primero nos tiene que preocupar seriamente el problema...
Segunda versión pues, del mismo reproductor.
En esta ocasión, descarga el archivo lista.xml desde aquí. Lo tienes en formato .txt pero haces las modificaciones relativas a tus temas musicales y a los textos que quieras que aparezcan en la ventana deslizante y lo guardas como lista.xml para subirlo al servidor junto con el archivo player.swf
En esta ocasión, he cambiado los colores para que elijas el que más te guste:

Reproductor 1



Reproductor 2



Reproductor 3



Reproductor 4



Para incrustar en el blog:
<iframe src="http://direccion.swf" width="230" height="115" frameborder="0"></iframe>

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.