No suelo escribir acerca de temas técnicos, ya que no soy técnico y prefiero dejar este trabajo a los que mejor saben hacerlo, pero hay un tema del que me estoy interesando cada vez más en profundidad por las consecuencias que trae y las oportunidades que nos brinda.

Puesto que el 90% de la formación digital está basada hoy en día en tecnología web (HTML, CSS, Javascript, Flash, etc.) y que la tendencia del aprendizaje móvil (m-learning) va ganando cada vez más interés (en 2011 será probablemente la “key issue” del e-learning en Europa), me parece extremadamente interesante que la llegada de un nuevo estándar como el HTML5, aunque todavía no soportado por parte de todos los navegadores Web, nos brinde funcionalidades nuevas y nuevas formas de hacer lo que ya solíamos hacer.

Acerca de este tema, HTML5 + móvil José Martín en SandyDay hace una buena introducción y en ese mismo texto nos remite a una web especializada en HTML5 que es además una muy agradable lectura, Dive Into HTML5.

Antes que nada, ¿qué es HTML5 y por que nos tiene que interesar si nos ocupamos de formación?

Es el nuevo estándar de tecnología web. Para hablar en plata, “detrás” de lo que estás leyendo en esta página hay un conjunto de elementos llamados “tags” que tienen esta forma <font> o esta <div> y cuyo objetivo es mostrar un contenido de una determinada forma. El HTML al final y al cabo y contrariamente a lo que muchos piensan, no es un lenguaje de programación sino un lenguaje de formato: nos presenta los contenidos de una forma u otra.

HTML5 es la nueva versión de este estándar. Puesto que si cambia el estándar cambian las reglas y puesto que toda la formación on-line que no esté realizada en Flash se basa de alguna forma en HTML (y lo que está en Flash también, en última análisis), a los que nos ocupamos de formación digital nos tiene que interesar y mucho la evolución de este estándar. ¿Claro, no?

Vale, ¿pero por que tanta énfasis en los vídeos?

Básicamente porque la actual versión del estándar nos permite dar formato a texto, imágenes y tablas. Pero no pasa lo mismo con los vídeos. ¿Por qué? Bueno, porque hace años, cuando en el CERN de Ginebra se creó este estándar, no es que el ancho de banda típico de la época (1990) sugería que la prioridad iba a ser distribuir vídeos en la Web. Hoy en día, sí. Entonces, el HTML5 se centra, entre otras cosas, en darnos una forma rápida y sencilla de incorporar vídeos en nuestros contenidos.

Genial, pero ya yo publico mis vídeos en formato Flash, ¿por que tengo que usar HTML5?

Bueno, nadie te obliga a usar HTML5. El formato Flash es perfecto para publicar animaciones y vídeos, lo que ocurre es que no es un estándar abierto y siempre necesitarás tener instalado el plug-in de Flash para ver estos vídeos. Ya sé, ya sé, es gratis.

Pero tiene unos inconvenientes:

1. no garantiza un alto nivel de accesibilidad (¿puede un vídeo ser accesible? Sí, lee esto)

2. necesitas que todos tus usuarios tengan Flash instalado (esto no siempre ocurre, me ha pasado muchas veces que no se pudiera instalar Flash player por restricciones corporativas);

3. finalmente hay dispositivos como el iPhone y el iPad que no admiten Flash (por política corporativa de Apple). En fin, puedes seguir usando Flash (me parece una idea estupenda) pero también te recomiendo empezar a analizar la posibilidad de ofrecer contenidos vídeos de las dos formas.

Y también, yo suelo publicar vídeos Windows Media o Avi, ¿por que tengo que usar HTML5?

Los inconvenientes son los mismos del formato Flash, con además una mayor probabilidad de que tus vídeos no todo el mundo pueda verlos, por temas de codificación del vídeo.

Vale, al grano. ¿Es complicado incluir un vídeo en una página Web usando HTML5?

Todo lo contrario. Es tan sencillo… Se trata de usar un nuevo “tag” que antes no existía y que es así: <video>. Hasta aquí todo bien. El aspecto interesante de todo esto asunto es que ya no se necesita depender de los “plug-ins” (Flash, Wmv, etc.) que el usuario tenga instalado, lo hace todo el navegador Web. El aspecto malo del asunto es que necesitas conocer de antemano que formatos de audio y de video soportan los navegadores que usan tus usuarios (con el tiempo esta situación se hará más homogénea, pero ahora mismo no lo es): podéis ver la tabla presentada en esta página como referencia.

Para no tener problema, lo más seguro es exportar el vídeo en varios formatos y incluirlos todos en el tag <video>. Al final tendré algo por el estilo:

<video width="320" height="240" controls> <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'></video>

¿Y si quiero más control sobre los contenidos vídeos?

Es posible que eches en falta alguna opción de un reproductor en formato Flash. Pues bien, crear un reproductor avanzado en HTML5 usando unas cuantas líneas de Javascript es muy sencillo. Este tutorial te explicará como hacerlo. Si quieres ir al grano, puedes ver el código de esta página y copiarlo para tus creaciones.

En fin, con este texto espero haber aclarado porque considero importante la evolución del estándar HTML hacía la incorporación de contenidos vídeos y de porque esto nos tiene que interesar mucho, a todos los profesionales relacionados con proyectos de formación on-line.