Todo en nuestros teléfonos móviles parece avanzar a pasos agigantados. Procesadores cada vez más rápidos, pantallas cada vez con más resolución, cámaras mejores, conectividad por doquier, pero las baterías siguen durando un día, dos si no haces mucho uso del teléfono. Si nos trasladamos a los coches eléctricos pasa tres cuartos de lo mismo. Es curioso que el único escollo que impide su consumo masivo es la batería. Las baterías actuales de los coches eléctricos hacen que estos sean pequeños para que necesiten menos potencia para moverlos. Parece entonces que este escollo es forzado para evitar que los coches eléctricos sean más populares que los de combustibles fósiles. ¿Te imaginas que mañana mismo aparece un coche eléctrico en el mercado que su batería dura 1000 km y se carga en 2 minutos? ¿Dónde quedarían los coches diesel o gasolina? ¿Crees que la industria lo va a permitir?.

Las baterías no han sufrido muchos avances desde que Sony introduce las baterías de iones de litio en 1980, mejoradas en 1996.

El avance de la humanidad hace tiempo que dejó de estar al servicio del ser humano y su entorno y pasó a estar al servicio de las grandes empresas.

Hay un material que puede revolucionar el mundo entero, el grafeno. No solo el mundo de la tecnología, se está descubriendo, por ejemplo, que es un sistema 1000 veces mejor para potabilizar agua salada. Imagínate lo importante que sería eso para las regiones  más empobrecidas del planeta donde no tienen agua potable.

Aunque se descubrió sobre 1930, no es hasta 2010 que se le concede el Premio Nobel de Física a Andre Geim y a Konstantin Novoselov por sus descubrimientos sobre el grafeno.

En la Wikipedia se le describe de esta forma no apta para casi nadie:

El grafeno es un alótropo del carbono, un teselado hexagonal plano (como panal de abeja) formado por átomos de carbono y enlaces covalentes que se generan a partir de la superposición de los híbridos sp² de los carbonos enlazados.

Representación artística del grafeno

Casi ná. Para resumir, el grafeno se obtiene de cortar el grafito en capas tan finas, tan finas, como un átomo de ancho. Aunque hay otras formas de obtenerlo, descubiertas hace muy poco, aún más sencillas y baratas. Entre sus propiedades tenemos que conduce muy bien la electricidad, con lo que IBM, en diciembre de 2008, consiguió construir un transistor (de lo que están hecho los procesadores) que funcionaba a 26 GHz (el ordenador más potente actualemente puede rondar lo 4-5 GHz), en febrero de 2010 ya habían conseguido llevarlos hasta los 100 GHz y solo siete meses después Samsung lo llevó hasta los 300 GHz.

Entre las características más importantes del grafeno:

• Es muy flexible
• Es transparente
• Autoenfriamiento
• No contamina
• Conductividad térmica y eléctrica altas
  
• Elasticidad y dureza elevadas, 200 veces mayor que la del acero, casi igual a la del diamante
• Soporte de radiación ionizante
• Gran ligereza, como la fibra de carbono, pero más flexible
• Menor efecto Joule: se calienta menos al conducir los electrones
• Para una misma tarea que el silicio, menor consumo de electricidad
• Generación de electricidad al ser alcanzado por la luz
  
• Se puede introducir impurezas para cambiar su comportamiento, por ejemplo se puede hacer que no repela el agua o que incluso mejore todavía más la conductividad.

Todas estas características tienen, sin ahondar mucho, aplicaciones directas en el mundo de las pantallas flexibles y como no en las baterías. Estos días se está celebrando en Las Vegas, EE.UU., la mayor feria del consumo electrónico del mundo, el CES 2013. En ella empresas como Samsung han presentado un móvil con la pantalla flexible, el Youm. Ya en el CES 2011 presentó el prototipo.

Prototipo de pantalla flexible de Samsung en el CES 2011

Las baterías de grafeno, que actualmente se encuentran en fase experimental, hacen que un smartphone tenga autonomía durante una semana o tarde en cargarse menos de 2 minutos. Pero además, puede ser usado en cámaras fotográficas compactas, la de los móviles, sustituyendo el clásico sensor CMOS por uno de grafeno, como está investigando Nokia.

Encontré esta presentación en Prezi que resume este artículo:

Lo primero que me llama la atención es que conste o que se le conozca por ser un periodista anarquista, hoy día es raro ver a periodistas posicionándose políticamente porque parece que el oficio de periodista necesita de no estar en ningún sitio para estar en todos, y a mi entender eso hace que el periodismo tienda a la nada. Recomiendo encarecidamente el visionado de la serie “The Newsroom“.

Pero yo me quería centrar en un texto, en la transcripción de una conferencia que dio José Prat en el Centro de la Federación Metalúrgica de Barcelona, el 31 de octubre de 1903 titulada “La necesidad de la asociación”.

Aunque el texto tiene ya 110 años, y salvo el vocabulario de la época, su trasfondo es totalmente aplicable a la actual situación política y económica, y que refleja que muy poco ha cambiado, y lo que ha cambiado a sido a base de lucha y palos. Pego aquí un pedazo del discurso:

La burguesía es un conjunto compuesto de diversas clases: clero, militar, magistratura, hombres de gobierno, catedráticos, etc. Estas diversas clases riñen a veces por espíritu profesional, de cuerpo, pero no tengáis miedo que en frente de su adversario haraposo y hambriento se presenten nunca desunidas. Que un obrero o una colectividad obrera desacate y maltrate a una sola, y veréis como las demás la apoyan condenando al proletario o proletarios rebeldes. Comprenden que el interés de cada una y el de todas son idénticos y que el derrumbe de una sola reportaría el desquiciamiento de toda la asociación. Comprenden que el interés común de la posesión y detención de sus riquezas y el mantenimiento de sus diversos privilegios, exigen imperiosamente este mutuo apoyo que se prestan, aunque para lograr este objeto tengan que sacrificar a la gran masa obrera. Luchas y rivalidades surgen en el seno de estas clases, apasionando a veces a las muchedumbres, pero luchas y rivalidades desaparecen en cuanto el obrero pretende rebelarse como un solo hombre.

Además de las ventajas de esta estrecha unión, la burguesía tiene medios de defensa y de ataque variadísimo. Cuenta con el espíritu de obediencia de las masas obreras inculcado por la religión y aprovechado por el Estado. Cuenta con la enseñanza oficial que en las universidades y escuelas desnaturaliza y tergiversa la verdad científica. Cuenta con la inercia de la masa rutinaria que espera que todo se lo den hecho y acabado. Cuenta con el medio y el respeto que la ignorancia tiene a la autoridad. Cuenta con que puede reducir por hambre a sus explotados. Y cuenta, en último término, con la fuerza material que esta misma ignorancia proletaria le presta en forma de ejércitos. Todo esto sin contar los mil y un diversos medios indirectos, como la prensa diaria y otros, con que forja o desvía a su antojo la pública opinión.

En frente de esta solidaridad burguesa y de estos medios de defensa, se halla el proletario mal unido, con sus sociedades y sus federaciones de oficio bamboleantes por toda defensa. Es ya algo, pero ni es bastante ni es todo lo que se necesita para vencer.

Para poder vencer algún día precisa que el proletario se compenetre de esta verdad: que su interés de clase es opuesto al interés de todas las clases burguesas que he citado, y que mientras le preste, directa o indirectamente, su apoyo, no irá a ninguna parte de provecho.

No basta querer luchar; es necesario saber luchar, saber por qué finalidad humana se lucha y con quién se lucha.

¿Cómo queremos vencer si aún estamos divididos por cuestiones patrióticas que maldito lo que nos interesan? El capital es internacionalista.

¿Cómo queremos vencer si aún nos apasionamos en pro o en contra del clericalismo y dejamos intacto el fondo de esta cuestión religiosa, que es el embuste espiritualista?

¿Cómo queremos vencer si aún nos rompemos la cabeza para que al poder suban Pablo o Pedro, que en una u otra forma más o menos embozada defenderán de igual modo el régimen capitalista?

¿Cómo queremos vencer si aún en el seno de nuestra misma clase nos disputamos para que nos dirija el compañero Juan en vez de compañero José, sin comprender que la mejor dirección de nuestros intereses ha de estribar no es tener buenos directores obreros, sino en que todos los obreros estén instruidos y capacitados para dirigirse cada uno a sí mismo?

¿Cómo queremos vencer, si en cada escaramuza que se presenta, hay quienes se prestan a ocupar el puesto de los que luchan? Con este afán de salvar el número uno y dejar que a los demás les parta el rayo gubernamental o patronal, no se dan ejemplos de solidaridad, sino de egoísmo.

¿Cómo queremos vencer si aún no hemos comprendido que cuando un miembro de la gran familia proletaria sufre un daño, este daño repercute a la corta o a la larga sobre toda la familia?

Aquí tenéis el texto completo (descarga formato abierto ODT).

Gracias a que los textos de José Prat están a partir del pasado 1 de enero de 2013 en el dominio público podemos usarlos, distribuirlos, remezclarlos y reeditarlos a nuestro antojo. Feliz día del Dominio Público.

Este post forma parte de la iniciativa impulsada por ZEMOS98: “1 de enero de 2013: Celebramos el día del Dominio Público“. Esta celebración se realiza en otras partes del mundo y quiere hacerse algunas preguntas: ¿Conocemos el funcionamiento y los mecanismos que nos impiden acceder a obras que forman parte de nuestro subsuelo cognitivo? ¿Cómo reclamamos el acceso a ellas si tenemos instituciones más preocupadas por poner restricciones que por darnos acceso? ¿Cómo nos organizamos para rescatar, de manera ciudadana, lo que esconden nuestros códigos fuente comunitarios? Te invitamos a seguir pensando juntas sobre este y otros temas. ¡Celebra el día de Dominio Público! Hasta el 31 de enero mantenemos un repositorio abierto por aquí.

En esta nueva versión se ha reescrito totalmente el entono privado, introduce un nuevo bucle, DATA, que permite hacer bucles con cualquier tipo de datos, un esqueleto por defecto totalmente renovado, cambio en la forma de instalar y actualizas plugins, uso de jQuery-UI, implementación de TextWheel para el manejo de tipografías y redacción, los plugins Mediabox y Médiathèque están por defecto en el núcleo, se añade el soporte a bases de datos SQLite, generación de nuevos objetos por medio de una API general, nuevos critérios, filtros y balizas. Todas las mejoras aquí (en francés).

En ZEMOS98 usamos SPIP desde hace algunos años para casi todos nuestros proyectos web. ZEMOS98.org, iuelviso.org, colectivosolano.org, spipedu.es, iuventus.tv, adfphoto.com, asfaan.org, iesprofesorjuanbautista.es, icas-sevilla.org, centrodelasartesdesevilla.org funcionan con SPIP. Aunque este y los demás blogs de ZEMOS98 están creados usando WordPress.

Para ver las diferencias gráficas de la zona privada aquí tenéis la captura de la zona privada de SPIP 2.1.14 correspondiente a 14festival.zemos98.org:

Y la captura de la zona privada de iuelviso.org con SPIP 3.0.1:

Al día siguiente de su publicación apareció la primera actualización, la 3.0.1 que corregía un error en los ficheros de instalación. Aquí puedes descargar la última versión de SPIP.

Aquí tienes, además, la documentación técnica para programar con SPIP 3.

Llevo siguiendo esta distribución, puesta en marcha por la Junta de Andalucía, desde su primera versión y he de decir que cada vez mejoran más y más. Desde el entorno gráfico, mucho más amigable y más atractivo, hasta los programas incluidos, actualizados y libres, un sistema muy sencillo de instalación y la forma de actualizarlo todo… sencillamente genial.

Yo lo he instalado en una máquina virtual usando el programa VirtualBox, creado por Oracle y distribuido bajo licencia GNU GPL versión 2, software libre y gratuito, como tiene que ser. Todavía tiene algunos problemas, algunas ausencias, pero hay que tener en cuenta que es una versión preliminar, no la final, es solo para ir probándola. Te animo a que la instales, la pruebes y después entres en los foros de su web y comentes tus impresiones sobre la nueva versión.

Cuando salga la versión final publicaré una revisión completa de la versión con las mejoras y características que incluya.

Software Libre con cariño.

F. W. Murnau, conocido director de cine de origen alemán, director de Nosferatu (1922), tras rodar decenas de películas en su país natal, viajó a EE.UU. y se afincó en Hollywood donde dirijió la que muchos llaman la mejor película muda de todos los tiempos, Sunrise (1927). Amanecer, su título en español, narra la historia de un matrimonio donde él engaña a su esposa con una mujer de la ciudad. Esta mujer le pide que se vaya con ella y que asesine a su mujer tirándola por la borda de su barca. Así arranca la historia que lleva al matrimonio a descubrir el amor que sienten el uno por el otro.

Para celebrar el Día del Dominio Público he realizado una reedición de la película Sunrise quitando todos los planos donde aparecen los protagonistas de la historia, desvirtuando casi por completo el sentido original de la obra.

Pinche aquí para ver el vídeo

Aquí puedes encontrar Nosferatu en calidad DVD.

Y aquí la película en cuestión, Sunrise, con subtítulos en español.

Esta es mi contribución a la celebración del día del Dominio Público en la blogosfera de ZEMOS98, hemos querido programar un post porque hoy, 1 de enero, entran al Dominio Público en España la obra de multitud de autores y autoras de diversos tipos. Con estos post colectivos hacemos nuestra pequeña fiesta particular al mismo tiempo que reivindicamos el acceso a la cultura como derecho fundamental.

Hoy, último día del taller, vamos a ver una herramienta realizada por Mozilla llamada Popcorn Maker, que aunque está en fase alpha de desarrollo, permite hacer mezclas de un vídeo con diferentes fuentes, que van desde mapas de Google Maps, subtítulos, textos, enlaces, Twitter, fotos de Flickr, etc.

Esta es una captura del ejercicio que hizo mi grupo en clase.

Oscar explicó otra herramienta, 3Wdoc, se diferencia de Popcorn Maker, en que se puede hacer una creación, un vídeo sin usar ningún vídeo, sino usando imágenes, sonidos, enlaces. Aunque trabaja con HTML5 y JavaScript, me huele mal la c en el pie de la web.

Nos separamos en grupos para usar Popcorn Maker, pasando el resultado, que se puede exportar a HTML o a JSON, por algunas modificaciones de estilo y de HTML5, para crear un vídeo con los conocimientos adquiridos. Se crearon tres grupos y estos son los resultados.

Al terminar el ejercicio, Berto dibujó una tabla en la pizarra y nos preguntó que cosas nos habían gustado de lo que habíamos estado haciendo y que cosas no. Así, saldría un listado de las características que tendría que tener la aplicación que se desarrollará próximamente, objetivo final del taller.

Lo que pone en la pizarra es (más o menos):

• Cosas que nos gustan
• interfaz de usuario para humanos.
• Popcorn Maker es código abierto y gratuito.
• se puede usar en multitud de plataformas.
• se pueden sincronizar diferentes tipos de contenido.
• la posibilidad de hacer lo mismo con el audio.
• guardar el proyecto.
• todo está en el navegador, nada de programas.
• la indexación del contenido y control sobre el mismo.

• Cosas que no nos gustan y que debería existir
  
• falta la función de autoguardar.
• falta de soporte para diferentes navegadores.
• hace falta más interactividad y menos contenido a sincronizar.
• no se pueden crear clips de vídeos.
• no se pueden concatenar vídeos y audios.
• falta de plantillas.
• no hay un editor visual del código.

A partir de aquí se establece un debate muy interesante sobre como queremos que sea la herramienta. Queremos que enseñe a la gente el futuro de la web, de los formatos abiertos y que genere un OGG o que permita compartirlos directamente en Youtube, por ejemplo. Quizás las dos cosas sean necesarias. Pero se habla de si es legal o no coger imágenes de otros sin su permiso, sobre si el apropiacionismo es lícito y si nos podemos acoger al derecho a cita al realizar esta apropiación. Este debate final, aunque breve, porque no se disponía de más tiempo, fue una buena manera de cerrar el taller sobre las posibilidades del HTML5 y el open video, porque hablar de open video es hablar de licencias, de dominio público, de remezcla, de cultura y por supuesto de política.

Berto termina agradeciendo a ZEMOS98 por organizar el taller. Rubén agradece a los compañeros de Doc Next Network, al resto de asistentes al taller y a A Navalla Suíza su presencia y participación en el taller.

Y así termina el ultimo día del taller, una pena. Siempre que terminamos un taller te quedas con ganas de más, en este caso, aunque era una introducción al HTML5, yo personalmente, me he quedado con ganas de mucho más, no porque el contenido fuera poco, todo lo contrario, el HTML5 tiene tantas posibilidades si lo unes al open video que el taller debería durar 1 mes y nos quedaríamos cortos. Resumiendo, los profesores excelentes y los participantes muy implicados. Un buen inicio.

Otro día de este interesante taller sobre HTML5 y open video. De nuevo comenzamos con una presentación realizada, como la primera, enteramente usando HTML. En esta ocasión vamos a ver los diferentes entornos de desarrollo o frameworks que hay disponibles para trabajar más cómodamente con HTML5.

La primera es una conocida de ZEMOS98, Popcorn.js, es conocida porque el proyecto “La Escucha” lo realizamos usando esta framework. Está desarrollado por Mozilla y su comunidad. Entre sus principales características tenemos que permite la sincronización entre diferentes fuentes mediante el uso de plugins. Fuentes que van desde Twitter, Wikipedia, Flickr y un largo etc. Tiene un editor en línea donde se pueden mezclar estas fuentes sin tener que instalar ningún programa llamado Popcorn Maker.

Toda la documentación está disponible en la web de Popcorn.js, así como la documentación de los plugins existentes y de su uso. A la hora de implementar en el código el uso de Popcorn.js hay que tener en cuenta que para usar los plugins hay que usar la versión completa del código JavaScript, llamado: popcorn-complete.min.js.

Otra framework es Universal Subtitles, y está más dirigida a la inclusión de subtítulos en diferentes idiomas y en diferentes plataformas de vídeo, no solo HTML5, también en Youtube o Vimeo. Escribí un artículo sobre su uso para subtitular vídeos de Youtube. Lo interesante de esta framework es que permite crear susbtítulos de forma colaborativa y así establecer grupos de traducción de subtítulos por ejemplo. Ofrece una forma facil de incrustar los vídeos con los subtítulos en la web.

El último es $media, desarrollado por A Navalla Suíza. Esta framework utiliza como base jQuery, que no es más que otro framework, aunque con $media se simplifica bastante el código, y eso que en palabras de Oscar Otero, $media está más enfocado a desarrolladores. Al igual que Popcorn.js, es capaz de manejar las propiedades de vídeo y de audio, de eventos y línea de tiempo. También puede extender su usabilidad mediante plugins, aunque hay pocos desarrollados, comparado con Popcorn.js, seguro que nos sorprenderán con más y más en los próximos meses. Este es un pequeño ejemplo de lo que puede hacer, y nos mostraron otros ejemplos como puede ser la conversión del vídeo a caracteres ASCII, a letras vamos. O la posibilidad de “simular” el efecto chroma key e incluso establecer el seguimiento de un color y aplicarle una capa a ese movimiento, un flipe. Como ellos mismos han dejado claro durante el taller, $media no es un producto final, es una herramienta para trabajar sobre ella, por lo que su desarrollo no tiene fin.

Una aclaración cuando se implementa en el código es que hay que cargar previamente las librerías jQuery para que $media pueda funcionar.

Grupo de diseño y programación web.

Grupo de grabación y edición del vídeo.

Después de terminar con la presentación, nos separamos en dos grupos, uno se dedicó a pensar, grabar, editar y crear los subtítulos en inglés, como resultado tuvieron cuatro mini entrevistas a cuatro personas del grupo, cada uno en su idioma nativo. El otro grupo, donde yo me encontraba, se dedicó a montar la estructura de la web, a crear los scripts para poner en funcionamiento $media. Cuando los dos grupos terminamos, se fusionó y dio como resultado esta demo de clase de la que estamos muy orgullosos. En esta demo se puede ver como los vídeos codificados como OGV muestran usos subtítulos en formato SRT, además se muestran los últimos tweets de cada entrevistado.

Para terminar esta crónica agradecer a Orton el descubrimiento de la extensión para Mozilla Firefox, Firefogg. Una extensión que permite codificar vídeo en OGG y que está continuamente actualizado a la última versión del códec.

ZEMOS98 ha puesto en marcha un taller de tres días de duración con el título Posibilidades del Open Video y el HTML5, donde Berto Yáñez y Oscar Otero, miembros de A Navalla Suíza, nos guiarán por el mundo de posibilidades que el nuevo HTML5 ofrece con relación al vídeo en Internet. Apoyado por la convocatoria Sueño Digital del CICUS Lab de la Universidad de Sevilla y con el apoyo de la European Cultural Foundation (ECF) para la red Doc Next Network.

El taller está realizado en inglés porque nos acompañan miembros de la Doc Next Network y porque no viene mal quitarle un poco las telarañas al inglés. Se puede seguir en Twitter la evolución del taller siguiendo el hashtag #ZEMOS98html5

El objetivo final del taller es realizar una herramienta en línea que sirva para la realización de Código Fuente Audiovisual sin la necesidad de tener conocimientos técnicos de edición, con posibilidad de enlazar vídeos, audios e imágenes directamente desde la red, es decir, sin descargar ningún programa. La fecha de presentación de la herramienta será en Abril de 2012.

Como he dicho el taller será en tres días, hoy hemos tenido la primera sesión. Tras las presentaciones personales de cada uno de las personas asistentes al taller, Berto abrió Google Chrome y lanzó una presentación realizada en HTML5. Antes de comenzar enseña algunas demostraciones realizadas por Jonathan Macintosh, como son Donald Duck meet Glenn Beck y Gendered Advertising Remixer. Y el documental One Millionth Tower como el state of art del HTML5.

De la presentación destaco los siguientes puntos:

• HTML5 es más semántico que HTML4 (que es el actual estándar).
• Se produce una mejora notable de los formularios. Con la posibilidad de crear cuadros de texto con un formato determinado, o de usar el autofocus (propiedad por la que el cursor se coloca en el cuadro de texto que queramos) sin necesidad de código ajeno.
• Nueva versión CSS3, que incluye:
• La posibilidad de usar cualquier tipografía. Google ha creado la herramienta Webfonts donde se pueden usar tipografías sin necesidad de copiarlas en nuestro servidor o se pueden usar servicios como @font-face Generator de Font Squirrel para convertir cualquier tipografía a una tipografía web.
• Implementación de columnas de texto.
• Uso de Media Queries, es decir, se adapta el contenido al tamaño de la pantalla y ventana.
• Y muchas más cosas como bordes redondeados, sombras, degradados y opacidad.

• Integración de vídeo y audio como parte del código.
• Canvas element, que permite una programación más avanzada para realizar, por ejemplo, juegos (mejor en Google Chrome).
• WebGL, gráficos 3D.
• SVG, imágenes vectoriales manipulables.
• JavaScript, con más funcionalidades.
• Geolocalización.
• Almacenamiento local. Es como una versión ampliada de las cookies.
• Acceso al hardware.
• Websockets. A partir de HTML5 cambia el concepto de petición de inicio de conversación (proceso interno de las comunicaciones por el cual antes de transmitir la información se envía una petición o request de inicio de conversación), las peticiones están siempre abiertas. Así se pueden crear, por ejemplo, salas de chat en tiempo real.
• Web workers, el trabajo en segundo plano (background) no interfiere en el trabajo principal.

Berto realizó una aclaración fundamental, todas estas mejoras están pensadas para funcionar mejor en dispositivos móviles.

Pero, ¿por qué es tan bueno el HTML5?, la respuesta es sencilla. El HTML5 es abierto. Esto quiere decir que si quieres ver como está hecha una web solo tienes que ver el código y si quieres, copiar las partes que te interesen. Es la fortaleza frente a tecnologías como Flash, totalmente cerrado y enclaustrado en sí mismo ya que no permite interacciones con otros lenguajes. Otro punto fuerte es la accesibilidad. HTML5 al estar desarrollado por la W3C sigue unos parámetros de accesibilidad de muy estrictos con respecto por ejemplo a personas con problemas de visión o de audición.

En resumen, HTML5 es “No Flash, no shits!”.

A partir de aquí, la presentación giró en torno a lo que se centra el taller, el vídeo y el audio. En cuanto al vídeo, establece un punto de partida, flash tiene un problema, necesita de plugin que se actualiza con frecuencia. Es un formato cerrado, y lo más importante la interacción con el resto de la web es muy limitada. HTML5 soluciona todo eso. El vídeo y el audio son una parte más del código HTML.

Entre los formatos que podemos usar siguiendo el estándar HTML nos encontramos con:

• MP4 – que usa el códec de audio AAC o MP3 y de vídeo el H.264. El problema que presenta este formato es que es propietario, concretamente de Apple. Está permitido su uso personal, pero no para el ámbito profesional sin pagar los correspondientes royalties.
• OGG – El códec de vídeo es Theora y el de audio Vorbis. Totalmente libre. Open source puro y duro, el problema, se ha estancado su desarrollo, por lo que está perdiendo presencia.
• WebM – El vídeo es VP8 y el audio Vorbis. Desarrollado por Google, está en un periodo prematuro de desarrollo y aún no puede competir en calidad con los dos anteriores. Tiene la ventaja de que tiene detrás a Google que está apostando fuerte por el formato, aunque este también es su punto flojo, una macrocorporación detrás de un desarrollo libre, da que pensar.

Tras esta introducción se realizó un descanso y al volver Oscar comenzó su parte donde explicaba como era el código básico de una página HTML5. Empezó con una estructura muy básica y fue haciéndola más compleja, añadiéndole diferentes posibilidades, hasta llegar a esto.

El objetivo de esta parte era mostrarnos en conjunto lo que podíamos a hacer. Mañana pasaremos a meternos de lleno en el código, comenzando con una idea y dividiéndonos en grupos donde uno se dedique a pensar el diseño, otro el código, otro la interactividad, otro el vídeo y luego se ponga todo en común, para que al final de la jornada tengamos una demostración realizada.

 Mañana más.

A menudo nos encontramos con la necesidad de tener descargado un vídeo con subtítulos integrados en Español. Este fue mi caso con Donald Duck meets Glen Beck. Oye Juan! ¿cómo has conseguido descargar los subtítulos e integrarlos en un video? ¿podrías explicarmelo paso a paso y de forma didáctica?

Para hacerlo necesitamos los siguientes programas:

• Avidemux2
• Extensión para Firefox Download Helper

ACTUALIZACIÓN (5/9/2011): Avidemux no se ejecuta en la nueva versión de Mac OS X, OS X Lion, así que he encontrado otra aplicación mucho más amigable y que funciona bastante bien, se llama Submerge, vale $9 y vale totalmente la pena. La inclusión de subtítulos se reduce a varias pulsaciones.

Si estás en Mac, como yo, la última versión de Avidemux2, la 2.5.4 tiene un problema que impide cargar subtitulos en formato SRT, así que tendrás que descargar la version 2.5.3 si quieres trabajar con este formato.

Lo primero es decargar el vídeo de Youtube, asegúrate de que tienes instalada la extensión de Firefox Download Helper. En el caso de la duda de Felipe, el vídeo es Donald Duck meets Glen Beck, verás que junto al nombre del vídeo aparecen tres pelotitas de colo azul, amarilla y roja:

Sí pulsas encima verás que se abre un menú donde puedes “Descargar” el vídeo:

Selecciona la carpeta donde quieras guardar el vídeo y acepta. También podemos añadir a la barra de herramientas de Firefox un botón con el que obtendrás más opciones de descarga, así como más calidades:

Desde aquí podremos descargar el vídeo directamente en MP4, que sería el original que subió el usuario. O las calidades 240p, 360p o 480p en formato FLV.

Bien, ya tenemos el vídeo en nuestro ordenador. Ahora tenemos que obtener los subtítulos. Para ello usaremos un servicio gratuito llamado Universal Subtitles. Es un servicio por el cual podemos crear subtítulos o editar los que ya existan. Entramos en la web y pulsa sobre “Subtitle a video now”:

Entonces aparecerá una página para introducir una URL de Youtube o cualquier otro servicio de vídeo online. Copiamos la URL del vídeo de Youtube que nos hemos descargado antes y la pegamos en el cuadro de texto:

Y pulsamos en “Begin”. Nos aparecerá la siguiente página:

Verás que puedes seleccionar los subtitulos que quieras ver. Seleccionamos en este caso “español”. Luego pulsamos en “Download Subtitles” y se desplegará un menú donde podremos elegir el formato de los subtítulos. A mi me gusta trabajar con el formato SRT, porque es sencillo de modificar desde cualquier editor de texto.

Seleccionamos la misma carpeta donde antes guardamos el vídeo de Youtube y aceptamos. Es un archivo muy pequeño así que tardará muy poco en descargarse. Hasta aquí valdría como tutorial sobre como descargar subtitulos de vídeos de Youtube. Seguimos para bingo explicando como incrustarlos en

Abrimos ahora el Avidemux2. Arrastramos el vídeo de Youtube que estará en formato FLV o MP4, depende de la calidad con la que te lo bajaras, dentro del programa. Es posible que te pregunte esto:

Pulsa en “No”. También te puede preguntar esto:

En este caso, la respuesta es “Yes”.

Entonces ya tendrás el vídeo cargado:

Verás que a la izquierda aparecen tres secciones. “Video”, está establecido en “Copy”, que significa que el vídeo no se codificará. En nuestro caso el vídeo tiene que codificarse para poder incrustar los subtitulos. Si pulsamos sobre “Copy” se despliega el siguiente menú:

Aquí tenemos que decidir en que formato queremos nuestro vídeo. Personalmente prefiero codificarlo a MP4 ya que permite más calidad en menos tamaño. Preferiría OGG pero no lo permite este programa. Si lo codificamos a MP4 debemos elefir “MPEG-4 ASP (avcodec)” para que el vídeo se codifique bien. Una vez seleccionado se activa “Configure” y “Filters”:

En “Configure” podemos cambiar las opciones de codificación del vídeo. Solo vamos a tocar la calidad, la tasa de bits por segundos. En “Encoding mode” hay que seleccionar “Constant Bitrate”, y establece el “Target bitrate (kb/s)” en un valor parecido al que tiene el vídeo que te bajaste de Youtube, como se hace esto? Pues en mi caso uso el Quicktime Player para saberlo pulsando en Cmd+i para verlo. Una vez que sepamos el valos, introducimos uno un poco mayor en Avidemux2 y pulsamos en “OK”.

Llega el turno de “Filters” para cargar los subtítulos. Pulsa en “Subtitles” y luego dos veces en “Subtitles”:

Aparecerá otra ventana donde tendremos: en “Subtitle file:” pulsamos en “Open” y buscamos el SRT que nos descargamos de “Universal Subtitles”. En “Font (TTF)” seleccionamos la tipografía que llevará el subtítulo. En “Encoding” seleccionamos “UTF-8″. Podemos además seleccionar el color en “Select Color”, está en blanco por defecto.

En “Set Size and Position” tendremos que seleccionar el tamaño de la fuente, por defecto está en 24, y la posición en la pantalla:

Acepta todo.

El “Audio” también está en “Copy” y se quedará así porque el audio no hay que tocarlo para este caso. En “Format” podemos cambiar el formato correspondiente a qué eligamos en “Video”, en este caso “MP4″.

Solo nos queda exportar el vídeo. Para ello pulsar en el segundo icono de la izquierda de la zona superior que está representado por un disquete de 3 1/3. Elegimos la carpeta y ten en cuenta que tienes que ponerle la extensión .mp4.

El caso es que hay muchas novedades con HTML5 sobre el actual HTML4, el nuevo logotipo es una de ellas, entre las demás novedades que más me interesan está la inclusión de audio y vídeo (aparecen las etiquetas <video> y <audio>) sin la necesidad de plugin externo, ¿cómo es esto posible? sencillamente porque el navegador lo traerá integrado de fábrica, entremezclándolo con el mismo código HTML de manera que la interacción es total. Valores como minutos, segundos, volumen, tamaño, proporción, rotación, transparencia, etc, podrán aplicarse sobre el vídeo sin mayor problema. Como ejemplo de esto tenemos la siguiente demostración, donde el vídeo se reroduce y la web va mostrando las fuentes de los vídeos del remix creado por Jonathan McIntosh. Disfrútenlo.

Otra de las novedades es que se desarrolla conjuntamente con CSS3, la hoja de estilo en cascada versión 3 que entre otras novedades podemos destacar, múltiples fondos, colores con transparencia, tipografías, tranformación de formas, transiciones, etc.

Más información sobre HTML5 en Wikipedia.

Compatibilidad de navegadores web con HTML5 y CS3 en HTML5 & CSS3 Readiness.