Video en HTML (I)
por Luciano Moreno, del departamento de diseño web de BJS ParaRed.

Introducción.-

Podemos definir un video como la mezcla en un único fichero de un conjunto de sonidos e imágenes que conjuntamente transmiten un mensaje al usuario.

En el aspecto gráfico, un video se compone de una secuencia de imágenes denominadas fotogramas (también frames o cuadros), cada una de las cuales aparece en pantalla un determinado espacio de tiempo, suficiente para crear en el espectador la sensación de continuidad entre fotogramas, generando así la visión global de una única escena en movimiento.

La calidad de un video va a depender fundamentalmente del número de fotogramas por segundo, de la resolución y número de colores de las imágenes y de la resolución de pantalla. El número de fotogramas por segundo varía según el sistema de video, el soporte y el país, pero un estándar bastante común es de 25 fotogramas por segundo. En cuanto a la resolución, la estándar del sistema PAL (Phase Alternation Line) son 768 x 576 pixels.

Un aspecto muy importante a considerar es el peso de un fichero de video. Efectivamente, en el estado actual de las conexiones a Internet que dispone el usuario medio, la descarga de un video supone el consumo de un ancho de banda excesivo, que irá en relación directa con el tamaño final del fichero.

Consideremos el caso de un video clip formado por una captura de 25 imágenes por segundo. Como las imágenes se guardan en formato de mapa de bits, para cada punto de cada una de ellas será preciso, en el caso de color real (16.7 millones de colores), usar 3 bytes por punto (24 bits), con lo que para un minuto de video nos harían falta:

768 (pixels) x 576 (pixels) x 3 (bytes) x 25 (fotogramas) x 60 (segundos) = 1990656000 bytes = 1,898 Gb

Dicho de otro modo, un segundo de vídeo a resolución 640 x 480 con 16 colores ocupa 17 MB de memoria, con lo que llenaría un disco duro de 200 MB en sólo 11 segundos de vídeo.

A este número habrá que añadir el necesario para almacenar el sonido que va a acompañar a las imágenes, caso de existir, con lo que podemos hacernos una idea del tamaño total de un fichero de este tipo. Esto hace que la descarga de un video sea viable tan sólo para usuarios con conexiones a Internet de banda ancha.

Y no sólo es el problema de descargar y almacenar esa enorme cantidad de información, también hay que tener en cuenta que el ordenador deberá ser capaz de procesarla y de soportar una velocidad de trasferencia continua de 31,6 Mb por segundo (más los que añade el sonido). Por ello, la visualización de un fichero de video es una de las tareas que más recursos consume en una máquina.

Para intentar solucionar este factor se han desarrollado una serie de módulos de software, denominados codecs (COmpresor/DEsCompresor), que permiten comprimir y descomprimir un fichero de video utilizando algoritmos específicos. En todos ellos la calidad depende del ratio de compresión, que se mide en bits por segundo (bitrate); a mayor bitrate, menor compresión y mayor calidad. Entre los codecs más conocidos podemos citar Cinepak, Indeo, MJPEG y DivX.

Otras formas de conseguir ficheros de video de menor peso son reducir la resolución, reducir el número de colores, eliminar el sonido o reducir sus dimensiones, por lo que es normal ver en páginas web videos de pequeñas dimensiones y/o sin componente de audio.

Lo que debe quedar claro respecto a la compresión es que a más compresión, menor calidad final.

En cuanto a la creación material de videos, la forma clásica de obtener un fichero apto para su visualización en una página web pasa por el uso de una cámara de video, con la que se obtiene un fichero codificado analógicamente, que es necesario pasar luego a formato digital compatible, lo que es posible realizar mediante hardware (una tarjeta digitalizadora) y/o software (programas específicos de creación de video). Existen multitud de programas editores de video, entre los que podemos destacar:

Editores de pago:

Studio 7, de Pinnacle, unas 65 euros. http://www.pinnaclesys.com/

VideoStudio6, de Ulead, unos 100 $. http://www.ulead.com/vs/runme.htm?AID=5765090&PID=540938

Adobe Premiere 6.0, de Adobe, unos 550 $. http://www.adobe.com/products/premiere/main.html

Editores freeware:

Windows Movie Maker, de Microsoft (Windows XP). http://www.microsoft.com/latam/windowsxp/home/evaluacion/resumen/video.asp

Windows Media Tools, de Microsoft. http://www.microsoft.com/latam/windowsmedia/software/WME7/

AVIedit, de AM-Softhome. http://www.am-softhome.com/aviedit.html

Últimante, con la aparición de las cámaras de video digitales, es posible simplificar el proceso, siendo viable realizar videos de alta calidad gráfica con pocos conocimientos técnicos.

Otra cosa es la calidad creativa y comunicativa del video, que dependerá de la preparación y conocimientos específicos del autor.

Escapa al objetivo de este manual de HTML el estudio en profundidad de la creación de videos, ya sean capturados del mundo real o creados a partir de gráficos sobre papel u otro soporte (como los dibujos animados), por lo que vamos a limitarnos a estudiar los formatos de video más comunes y las etiquetas que nos ofrece el lenguaje HTML para incrustar este tipo de ficheros en una página web.