Mozilla hispano, tu comunidad en español de Mozilla

Paul Rouget nos presenta una nueva demostración de la potencia de la futura etiqueta <video/> combinada con otras tecnologí­as estándar. Según nos cuenta en su blog la demostración consiste en presentar en un <canvas/> un ví­deo junto con unos controles “play” y “pause” que están generados con svg y ví­a javascript te permiten manejarlo.

Sobre este ví­deo se incrusta otro contenido que se puede seleccionar entre: otro ví­deo, una fotografí­a, una imagen con transparencia, otro canvas con una animación, un texto svg generado por el propio usuario u otro canvas sobre el que se puede dibujar.

Y para rizar el rizo, este contenido no se incrusta en cualquier sitio, sino que utiliza los puntos más brillantes del primer ví­deo para calcular el tamaño,la posición y como está girado, que en la demostración corresponden a las pantallas de dos teléfonos que mueve William Quiviger.

Todo esto está montado utilizando tecnologí­as estándares y abiertas como son html 5, javascript, dom, svg y css. Con lo que un simple editor de textos es todo lo necesario para poder desarrollarla sin necesidad de utilizar otras aplicaciones privativas o plugins propietarios con patentes como Flash, QuickTime o Windows Media.

Aquí­ se encuentra la demostración, para verla necesitarás Firefox 3.1 beta (con versiones nocturnas de Firefox 3.5 / 3.6 puede que no funcione) y podrás ver todo su código pulsando [Ctrl]+[U]. Tristan Nitot ha preparado un ví­deo demostrativo (en inglés) de esta página para las personas que aún no usan Firefox 3.1:

(Si por alguna razón no puedes ver el ví­deo, aquí­ está en formato Ogg Theora (11MB) y formato MPEG-4 (31MB))

Otros ejemplos anteriores: Croma con Theora, detector de movimiento, subtí­tulos multi-idioma.