Creación Web

WebM, el formato de vídeo financiado por Google

Formato de Vídeo WebM

Descubre qué es y cómo utilizar el formato de vídeo WebM. Un formato de vídeo creado para la Web y financiado por Google. ¡Ah! Y la historia de cómo lo descubrí.

En este post te cuento qué es el formato de vídeo WebM, para qué puedes usarlo y algunas utilidades de conversión.

¿Sabes? He dejado esta introducción para el final pensando en que podría contarte algún cotilleo. Mientras escribía este post, he mantenido bien afinado el oído para ver si captaba algo divertido del exterior. Pero lo único ha sido el cantar de un palomo que debe sentirse muy solico el pobre.

Además, como te espera otro post de esos que superan las 1.000 palabras, mejor dejarlo aquí, que hay chicha que digerir. ¿Te apetece descubrir un nuevo y útil formato de vídeo para la Web? ¿Quieres saber cómo y por qué lo descubrí?. Ea, pos a leer

Descubre el formato de vídeo WebM. Especial para Web y financiado por Google. - piopíalo    

Powered by Vcgs-Toolbox

¿Qué es el formato WebM?

Te remitiría a su definición en la Wikipedia pero es muy probable que, a parte de un poco de historia y un montón de especificaciones técnicas, te pase como a mí y digas: “eín? Eto que e lo que e!”. Así que mejor te lo cuento con mis palabras que, aunque probablemente no sean la mejor definición, sobrarán para entenderlo. ¿No crees?.

WebM es un formato de vídeo financiado por Google y pensado para la Web y para la creación de vídeos de calidad sin tener que pagar royalities. Se trata de un formato de vídeo libre (Free, Open Source, Creative Commons, ya sabes…).

Hasta ahí es lo que yo, en mi humilde opinión, considero que debo saber sobre él. Bueno, eso y las ventajas que, aunque no están demasiado claras por la red, yo he podido vivir en primera persona:

  • Es un formato pensado para su inserción con la etiqueta vídeo de HTML5.
  • Al estar pensado para la web, puedes obtener casi la misma calidad que un MP4 con menos de la mitad de tamaño. Os lo juro, lo he vivido.
  • Funciona muy bien como streaming. Esto quiere decir que no es necesario que el vídeo se descargue completamente para empezar a reproducirse sino que comienza en cuanto tenga unos pocos segundos de ventaja y sigue descargándose mientras lo reproduces. “Es-tre-a-min mo-la”.
  • Al estar financiado y mantenido por Google … pijo, tiene que ser bueno.

Eso si, el que tenga ventajas no significa que todo sea de color de rosa porque nos enfrentamos a una impresionante debilidad a día de hoy: no es compatible con todos los navegadores. Chrome, Chronium, Firefox, Opera y algunos más si que lo reproducen correctamente pero, por poner ejemplos, Safari e Internet Explorer no lo son de momento.

Así que nos vemos en la encrucijada de escoger un formato propietario, menos optimizado pero más compatible (MP4) o un formato libre, más optimizado pero mucho menos compatible. ¿Qué escogerías tú?

El dilema de escoger lo mejor o lo más común. Cosas de la vida misma. - piopíalo    

Powered by Vcgs-Toolbox

 

Ejemplo de Utilización: Video Backgrounds

Llegados a este punto te estarás planteando que por qué me caliento tanto la cabeza sabiendo que con subir un vídeo a Youtube no tengo que preocuparme de estas cosas. Pos si, tienes razón.

La historia que hay detrás de este post es un buen ejemplo de utilización del formato WebM y créeme que vas a alucinar.

En una web nueva que he acabado para un cliente (en cuanto la publique te comparto el enlace), decidí que sería ideal colocar un vídeo de fondo en la portada, por debajo de la llamada a la acción, para que el impacto visual fuese espectacular (el sector lo requiere).

Así que decidí buscar en Videohive y comprar un vídeo que se ajustase a mis necesidades. Encontré un vídeo genial, que parecía hecho a medida de la web y que apenas duraba 22 segundos. ¡Ideal! Y sólo 9 dólares. Llamé a mi mamá y todo para contárselo, porque Marina todavía no me entiende. A Consuelo por supuesto que siempre se lo cuento.

El chasco me lo llevé cuando, una vez descargado, vi cuánto pesaba: más de 300 Mb. ¡Ande voy yo con eso para un fondico!. No podía ser, nadie lo vería, necesito algo que cargue muy rápido y tiene que existir, porque lo he visto en otras webs, aunque no se en cuales. Igual en la de Mujeres y Hombres y Viceversa. No se.

Fue entonces cuando, tras investigar un ratillo mirando código fuente de distintas webs (y algún que otro vídeo de Gran Hermano), me crucé con el formato WebM y me llamó la atención.

¿Sabes cual fue el resultado después de probar unas cuantas utilidades y leer un ratín? El vídeo de 20 segundos se redujo a 2.8 Mb y apenas notas la pérdida de calidad. ¿Qué te parece?

Además, realicé una prueba sobre cómo se vería la web con una conexión 3G (usando el método que te comenté en mi post anterior) y el resultado es que el vídeo comienza a reproducirse en apenas 1 segundo. ¡Yujuu!

 

Dos utilidades para convertir vídeos al formato WebM. - piopíalo    

Powered by Vcgs-Toolbox

Utilidades de Conversión

Ains, que ya estamos con le envidica sana… jajajajaja. ¿Verdad que quieres probarlo? ¿A que estás deseando convertir tus vídeos a WebM para probar? Pues aquí te dejo dos formas de convertir tus vídeos a este formato:

  • Usando firefogg.org. Se trata de un plugin para Mozilla Firefox que, una vez instalado, te permite convertir tus vídeos a este formato en modo local, sin tener que subirlos a ningún servidor. Éste fue el método que yo utilicé y el resultado ha sido excepcional.
  • Usando cloudconvert.org. Si no conocías esta web te aconsejo que la agregues a tus marcadores porque realmente es un pasote. En esta web podrás convertir casi cualquier formato a casi cualquier formato gratis (con restricciones de tamaño) y en poco tiempo. Las únicas desventajas son que tiene una limitación del tamaño de subida (100 Mb) y que tienes que subirlo al servidor (tardas más).

Hay muchas otras formas, ya que el formato WebM está cada vez más extendido, pero creo que con éstas tendrás suficiente.

 

Conclusiones

Está de más decir que la web es cada vez más multimedia y que, en consecuencia, nos enfrentamos a la necesidad de hacer nuestras webs mucho más atractivas y visuales sin sacrificar con ello la experiencia de un usuario cada vez más móvil.

Por suerte tenemos a nuestra disposición nuevas formas de generar económicamente este tipo de efectos y nuevos formatos que nos permiten implementarlos sin afectar demasiado al tiempo de carga o la usabilidad.

En definitiva, y por mi propia experiencia, es hora de perderle el miedo a la inserción de vídeos como sustitutos del archi-utilizado slider de fotos.

¿Tú qué opinas? ¿Crees que el vídeo es un buen recurso para usar como fondo en algunos bloques de tu web? ¿Conocías este formato? ¿Te has cruzado (e impresionado) con alguna web que utilice este recurso? ¿Has preparado ya tu felicitación de Navidad? ¡cuenta cuenta!

Acerca del autor

Víctor Campuzano

Growth Hacker no soy, pero lo vivo. De mi blog no vivo, pero aquí si que soy como soy. Marketing Digital, Creatividad y Blogging con pasión y desenfado. Alumno del Postgrado de Growth Hacking por IEBS.

Ahora es tu momento

*

9 comentarios

  • Ya sabes que la mariposa y el ratón nos estamos lanzando a esto del vídeo con esta herramienta:

    http://www.google.com/intl/es_es/+/learnmore/hangouts/onair.html

    En principio, está pensado para grabar videollamadas. Pero creo que cualquiera puede apuntar la cámara a donde mejor le parezca. Estamos haciendo unas cuantas pruebas para la quedada de Peñíscola.

    Aunque es algo muy sencillo, puede servir para hacer prácticas antes de lanzarse a propuestas como las que facilitas en este artículo.

  • Victor, me parece genial la alternativa, algo compleja, pero nada que una buena guía, lectura y practica no puedan hacer 🙂

    Te cuento que haces unos meses hice un reto para vencer mi miedo a la cámara. Durante 30 días, todos los días subía algo. No fue sencillo, pero algo sirvió. Aún me falta mucho para decir “no le tengo miedo a la cámara” pero ahí vamos 🙂

    PD. Ando en Colombia todavía 🙂

  • Gran artículo Victor. Yo, para mis adentros, me preguntaba lo mismo que tú, ahora ya sé el porqué de los vídeos de fondo que he visto en algunas webs importantes y que siempre había pensado que eso se debía a que estaban alojadas en un super servidor ultra carisísimo.

    Creo que lo voy a poner en practica 🙂

    • Muchas gracias por el comentario Eduard! Espero que tengas buenas experiencias. Yo estoy descubriendo muchas cosas nuevas sobre este formato que contaré en otro post.

      Saludos!

Uso de cookies

Esta web utiliza cookies propias y de terceros, como Google Analytics, para optimizar su navegación y realizar tareas de análisis y las pertenecientes a WordPress. Advierto que si continuas navegando, aceptas su uso. Puede cambiar la configuración, desactivarlas u obtener más información.

ACEPTAR
Aviso de cookies