Usar HTML5 en los vídeos incrustados de YouTube

youtube logo Usar HTML5 en los vídeos incrustados de YouTubeYouTube ha anunciado en su blog oficial la posibilidad de incrustar vídeos en nuestras páginas usando el reproductor HTML5.

A través de una línea de código se usará la etiqueta iframe para embeber el vídeo de YouTube. La ventaja de usar este método es que el propio iframe controlará si el navegador del cliente soporta la etiqueta video de HTML5, en caso contrario cargará la versión normal usando el plugin de Flash.

La guerra de los codecs de vídeo en HTML5

H264 La guerra de los codecs de vídeo en HTML5H.264, Ogg Theora… ¿te suenan estos nombres? Son nombres de codecs de vídeo que pretenden convertirse en el estándar para HTML5.

¿Te he aclarado algo? ¿No? Vale, vamos allá:

Punto 1: Las páginas web que visitas están escritas en un lenguaje de programación que se llama HTML y que el navegador interpreta para que tu las puedas visualizar. Este lenguaje tiene diferentes etiquetas que identifican los elementos de una web: los títulos, las listas, las imágenes, los enlaces…

Con el paso de los años se han necesitado añadir nuevos elementos que inicialmente no existían en la web. Entre las novedades destacan las etiquetas de <audio> y <video>. Estas etiquetas permitirán reproducir multimedia de forma nativa sin necesidad de contar con plugins externos como actualmente pasa: por ejemplo, si quieres ver vídeos en YouTube necesitas tener instalado Flash en tu equipo (a no ser que entres en la versión HTML5).

Punto 2: Cuando quieras publicar un vídeo en tu web usando la nueva etiqueta <video> para que el navegador lo reproduzca, éste tendrá que estar codificado con un determinado codec. ¿Esto qué viene a ser? Pues sería como pasarle un proceso para que el vídeo ocupe menos (facilitando así la descarga y reproducción) y conservando la calidad incial.

El problema es que no existe actualmente un codec estándar y hasta ahora la lucha está entre Ogg Theora, que es un códec libre y de código abierto, y H.264, un códec propietario con una licencia de uso pero que es más actual y ofrece una mejor calidad.

oggtheora vs h264 La guerra de los codecs de vídeo en HTML5

Punto 3: ¿cuál es la posición de los principales navegadores? Pues a día de hoy la cosa está dividida: por un lado tenemos a Mozilla Firefox y a Opera que defienden el uso de Ogg Theora aunque su calidad no sea mejor. Si el resto de estándares que compondrán la futura web (HTML, CSS y JavaScript) son gratuítos y libres, el códec utilizado también lo debería ser.

Por otro lado tenemos la opción de la industria con Apple como defensor principal del códec H.264, soportado en su navegador Safari (incluyendo la versión móvil). Y estos días hemos conocido que la versión de Internet Explorer 9 también ofrecerá soporte solamente para este formato (esto NO quiere decir que Safari o IE 9 no vayan a soportar Flash).

Google, por su parte, en lugar de posicionarse ha tomado dos medidas: por un lado su navegador Google Chrome acepta cualquiera de los dos formatos, por lo que le dará igual cuál triunfe en el futuro. Pero por si fuera poco además también soporta VP8, un códec comprado por Google a la empresa On2 Technologies, con más calidad incluso que H.264 y que puede acabar con esta guerra si finalmente Google decide liberarlo para que su uso sea gratuíto.

Conclusión:

Pues la conclusión más clara sin duda es que Ogg Theora es el códec que más negro tiene su futuro. La decisión de Apple ahora apoyada por Microsoft para convertir H.264 como códec principal en la era HTML5 supone una gran ventaja con respecto a sus competidores, aunque los navegadores que lo soporten tendrían que pagar hasta 5 millones de dólares cada año en cuestión de licencias de uso.

Si finalmente VP8 es liberado por Google jugará un papel decisivo en la lucha por el estándar y podría llegar a imponerse a H.264.

Esperamos que esta entrada haya despejado tus dudas.

Encuesta:

Participa en nuestra encuesta:

Steve Jobs lo reafirma: nunca habrá Flash

steve jobs Steve Jobs lo reafirma: nunca habrá FlashSteve Jobs ha escrito hoy una carta abierta en torno a la polémica existente en la decisión de Apple de no permitir la entrada de Flash en los dispositivos móviles de la compañía. En seis puntos explica los motivos por los que esta decisión es final y no hay posibilidad de cambio.

Flash es una tecnología muy usada actualmente en multitud de páginas web, ofreciendo desde juegos, a banners publicitarios, presentaciones y animaciones o webs completas. Además es el método más común usado por los servicios de reproducción de video y streaming como YouTube, Vimeo o DailyMotion. Debido a esto muchos usuarios de iPhone, iPod Touch e iPads han manifestado su desacuerdo con Apple y han exigido que se integre esta funcionalidad para poder acceder al 100% del contenido web.

Para zanjar de una vez por todas esta polémica Jobs ha expuesto los puntos en contra del uso de Flash:

1.- Sistema cerrado

Los productos Flash pertenecen 100% a Adobe, por lo que es la única que tiene el poder para definir las futuras mejoras, precios… Apple también tiene productos cerrados, pero en torno a la web apuesta por los estándares abiertos y por eso apuesta por HTML5, CSS y JavaScript.

Estos estándares permiten a los desarrolladores web crear gráficos avanzados, controlar la tipografía, animaciones y transiciones sin depender de plug-ins de terceros (como Flash). HTML5 es totalmente abierto y controlado por un comité normativo de los que Apple, entre otros, es miembro.

Steve también comenta el caso de WebKit, el motor de renderizado de HTML5 usado en Safari de código abierto y con el que Apple ha establecido el estándar para los navegadores web para móviles (ya que lo usan Android, Palm, Nokia y en un futuro Blackberry).

2.- El contenido web al completo

Adobe ha comentado repetidas ocasiones que los dispositivos móviles de Apple no pueden acceder a toda la web ya que el 75% del vídeo en la web es en Flash. Según Jobs lo que no dicen es que casi todo este vídeo también está disponible en un formato más moderno, el H.264, que es compatible con iPhones, iPods e iPads y que servicios como YouTube, Vimeo, Netflix, Facebook y los sitios de medios de comunicación y televisión lo implementan. Por lo que no es cierto que se esté perdiendo mucho vídeo.

Por otro lado admite que no se puede jugar a juegos realizados en Flash pero que afortunadamente la App Store cuenta con cerca de 50.000 títulos de entretenimiento y juegos y muchos de ellos gratuitos, por lo que hay más juegos para sus dispositivos móviles que para cualquier otra plataforma en el mundo.

3.- Fiabilidad, seguridad y rendimiento

Steve comenta que Flash es la razón número uno de la mayoría de los errores producidos en Mac. Esto para Apple no es viable y han estado trabajando durante años para intentar solucionar estos problemas. Este lujo es algo que no se pueden permitir en sus dispositivos móviles.

Apple ha estado pidiendo a Adobe pruebas de rendimiento de Flash en dispositivos móviles pero nunca han ofrecido un producto que funcione correctamente. Simplemente, se han cansado de esperar.

4.- Consumo de la batería

En los terminales móviles todo tiene que estar optimizado para que el sistema funcione sin repercutir drásticamente en el consumo de batería. Cuando se reproduce video el dispositivo móvil debe descodificar el video mediante hardware y no software para no requerir tanta potencia.

El formato de video H.264 se puede descodificar mediante hardware, cosa que Flash no y la diferencia es notable: mientras que con H.264 se pueden alcanzar las 10 horas de duración de batería con Flash tarda menos de 5 horas en quedar completamente descargada.

5.- Pantallas táctiles

Flash ha sido diseñado para equipos de escritorio que cuentan con un ratón y no para pantallas táctiles con acciones multitouch. Acciones como posicionar el cursor sobre un elemento no existen en los dispositivos móviles de ahora por lo que sería necesario reescribir de nuevo todos los sitios web que usan Flash para adaptarse a las nuevas características.

Si se van a volver a desarrollar las webs ¿por qué no hacerlo ya en HTML5, CSS y JavaScript?

Incluso si los iPhones, iPods e iPads ejecutaran a día de hoy Flash sería necesario esta reescritura.

6.- La razón más importante

Como punto final Steve Jobs comenta la razón más importante para no implementar Flash. Flash es una herramienta para que los desarrolladores realicen sus aplicaciones. Si los programadores utilizan Flash en lugar de las herramientas de desarrollo propias de Apple no podrán disponer de todas las ventajas que les ofrece el sistema y el dispositivo en sus aplicaciones.

Apple sabe lo malo que es tener a una empresa externa entre la plataforma y los desarrolladores. Sabe que así solo se consiguen aplicaciones mediocres y de baja calidad.

Apple quiere que los desarrolladores utilicen sus propias herramientas de desarrollo para generar unas aplicaciones óptimas. De este modo todos (salvo Adobe) estarán más contentos: los usuarios verán que las aplicaciones son sencillas y no fallan por lo que apostarán por el dispositivo, así Apple venderá más iPhones, iPods e iPads y los desarrolladores tendrán un público más amplio al que llegar para vender sus aplicaciones.

Adobe ha sido muy lento para adoptar mejoras en las plataformas de Apple. Por ejemplo Steve comenta que, aunque Mac OS X salió hace casi 10 años, Adobe acaba de adaptarse en su totalidad (integrando Cocoa) hace dos semanas con el lanzamento de la Suite CS5.

Sus conclusiones

Flash fue creado durante la era del PC y para equipos con ratones. Flash es un negocio de éxito para Adobe por lo que entienden por qué lo quieren exportar más allá de los PCs. Pero Flash en los dispositivos móviles estña muy limitado.

La cantidad de medios de comunicación que ofrece su contenido para los dispositivos móviles de Apple demuestra que Flash ya no es necesario para ver vídeos o consumir cualquier tipo de contenido web. Y las 200.000 aplicaciones en App Store demuestran que los desarrolladores no necesitan Flash para crear grandes aplicaciones, incluyendo juegos.

El uso de estándares web como HTML5 triunfará en los dispositivos móviles (y seguramente PCs también), por lo que quizá Adobe debería centrarse más en la creación de herramientas HTML5 para el futuro, y críticar menos a Apple en su decisión de dejar atrás el pasado.

La entrada original: http://www.apple.com/hotnews/thoughts-on-flash/

Adobe CS5 exportará animaciones a HTML5: ¿el final de Flash?

adobe flash Adobe CS5 exportará animaciones a HTML5: ¿el final de Flash?El uso de Flash en la web viene siendo una importante discusión en el entorno del desarrollo web. Actualmente hemos convivido con Flash y nos hemos acostumbrado a ver su uso en banners publicitarios, reproductores de video, sonido y juegos.

Pero existe una fuerte tendencia en favor de reemplazar el contenido desarrollado en Flash a la utilización de estándares web gracias a las funcionalidades que nos ofrece el futuro HTML5. La presión de la comunidad en abandonar este formato privado vienen apoyadas por ejemplo por Apple y su negativa a permitir la ejecucón de Flash en los iPhone e iPad.

Adobe se ha dado cuenta de este movimiento y, en lo que para mi es el comienzo de una rendición, van a integrar un modo de exportación de animaciones Flash a HTML5 en su próxima Creative Suite. A través de una opción en la aplicación de Flash se podrá generar un archivo XML con toda la información de la animación. Este archivo será procesado a través de JavaScript en la página web y mediante el uso de canvas reproducirá la animación exactamente igual.

En el siguiente video se puede ver en funcionamiento esta nueva característica:

Con este método para exportar animaciones y la posibilidad de reproducir multimedia con HTML5 ¿será este el comienzo del fin de Flash en la web?

Vía: The Inquirer

Google y Adobe juntos en Chrome

google chrome logo 100x100 Google y Adobe juntos en Chrome¿Google y Adobe defendiendo Flash ante los que intentan eliminarlo de la web?

Será cierto cuando el blog Google Operating System confirma que Google ha llegado a un acuerdo con Adobe para ofrecer los plugins de flash y visión de PDFs integrados por defecto en el navegador. De este modo no será necesario instalar el plugin de manera externa como viene siendo habitual.

Parece que la unión viene forzada por la utilización de Flash en el próximo sistema operativo Chrome OS en la aplicación de reproductor multimedia.

Las preguntas en relación a este movimiento ya han invadido la web. Por un lado esta alianza favorece a Adobe en su lucha contra Apple para eliminar el Flash de los sitios web pero por otro da que pensar si Google ya no ve tan claro la utilización del futuro estándar HTML5 para solventar estos desarrollos.

Flash no estará nunca disponible para el iPad

ipad flash Flash no estará nunca disponible para el iPadSi tienes en mente comprarte un iPad, el nuevo gadget de Apple, y tenías alguna esperanza de que en un futuro Apple permitiese la ejecución de Flash en el dispositivo conviene que revises las palabras de Steve Jobs en su visita al Wall Street Journal.

Steve Jobs ha vuelto a confirmar que definitivamente no se va a incluir el software de Adobe en alguna versión del iPad o el iPhone. Repitió que para él Flash está lleno de errores que provocan que el sistema falle o no responda como debería, además de ser un importante agujero de seguridad y consumir muchos recursos del sistema. Así como Apple decidió poner punto y final a tecnologías como el disquette o el puerto Firewire 400, sugirió que Adobe debía abandonar tecnologías anticuadas y promover nuevas alternativas.

Información ampliada: Silicon Alley Insider