¿Qué son los gráficos HTML5 y por qué están generando un gran entusiasmo entre los creadores de contenidos audiovisuales?
Hoy en día, la producción de transmisiones en directo es más ágil, fluida y automatizada, y se traslada rápidamente a la nube. La pandemia aceleró este cambio, lo que obligó a cada uno de nosotros a modificar nuestra forma de trabajar. También cambió drásticamente los hábitos de visualización de la audiencia, lo que ha tenido un impacto radical sobre cómo se produce y distribuye el contenido.
A medida que los flujos de trabajo se trasladan a soluciones remotas, híbridas y en la nube, surge la necesidad de nuevas tecnologías gráficas en las producciones de transmisión. Los gráficos HTML5 son la respuesta: gráficos que se pueden crear y representar con solo un navegador web y una conexión a Internet desde cualquier lugar.

Gabriel Baños, CEO de Flowics*, lleva más de una década creando y perfeccionando los gráficos HTML5. Nos brinda información sobre los gráficos HTML5 y por qué es el último revuelo en la transmisión antes del NAB Show 2023.
¿Qué son los gráficos HTML5 en el contexto de la producción de emisiones en directo?
Los gráficos HTML5 son la nueva generación de gráficos para retransmisiones en directo, creados para la era de la nube. HTML, el lenguaje web estándar que antes se limitaba a la codificación, el diseño y la publicación de páginas web, ha ampliado enormemente sus habilidades con una mejor capacidad de respuesta, una mayor funcionalidad y rendimiento, una menor dependencia de los complementos y una mayor movilidad (escribir una vez, ejecutar en cualquier lugar) entre aplicaciones para replicar la experiencia del usuario en distintos dispositivos, como teléfonos móviles y televisores inteligentes.
Varios factores están impulsando la adopción de gráficos HTML5 en la difusión.
En primer lugar, tenemos la evolución de los navegadores web y las tecnologías web: HTML5, CSS y JavaScript. Ahora podemos crear aplicaciones web con potentes funciones que no habíamos imaginado hace diez años. Y todo esto se hace usando solo un navegador y una conexión a Internet. Lo mismo ocurre con los gráficos HTML5, que, en esencia, son una aplicación web que se crea en cualquier navegador.
Gracias a los nuevos estándares web y los navegadores modernos, podemos crear aplicaciones de visualización de datos con increíbles animaciones, que obtienen y procesan datos en vivo en segundo plano y establecen conexiones permanentes individuales con otras aplicaciones para minimizar la latencia.
Los avances tecnológicos están cambiando el apetito de la audiencia y cómo interactúan con el contenido.
Otro factor crucial que contribuye a la adopción de gráficos HTML5 y flujos de trabajo de producción remota es la evolución de las comunicaciones. 4G y 5G han hecho posible ejecutar cualquier aplicación web desde cualquier ubicación con solo una conexión a Internet móvil.
Estos avances tecnológicos han hecho que crear contenido sea más fácil y rentable para los creadores de contenido. Por un lado, la proliferación de contenidos en directo que se producen a diario crea más opciones para los consumidores, pero, por otro, también aumenta la competencia por captar la atención de la audiencia.

Veamos una vertical: deportes. La pandemia cambió el comportamiento de los fans. Cuando ya no podían reunirse en estadios, recurrieron a fuentes digitales para ponerse al día con sus deportes favoritos, lo que impulsa el crecimiento de las plataformas y canales OTT (superiores). Una encuesta realizada por Nielsen Sports muestra que el 40,7 % de los fanáticos de los deportes en todo el mundo ahora optan por el stream en vivo.
Este mercado solo crecerá, lo que fragmentará aún más las audiencias. Para superar dicha fragmentación, los creadores de contenido deben innovar para atraer y retener a los espectadores con gráficos mejorados, datos en pantalla, elementos interactivos, cámaras y flujos de trabajo nuevos y mejorados.
Llegar a audiencias en todas estas diferentes plataformas de difusión requiere flexibilidad y rentabilidad y se ha vuelto más fácil con gráficos HTML5.
Los gráficos HTML5 ofrecen a los creadores de contenido una mayor flexibilidad y velocidad.
En todas las conversaciones que he tenido con creadores de contenido, expertos y principiantes, se ha reducido la flexibilidad en los flujos de trabajo de producción y la velocidad de realizar cambios y actualizaciones sobre la marcha.

Los flujos de trabajo híbridos y remotos (nube) han hecho que la producción sea más flexible. Puede tener equipos distribuidos en diferentes partes, que trabajan desde casa, y reducir los costos de viaje y el transporte de equipos. Sin mencionar que puede aprovechar a un grupo de talentos más amplio de cualquier parte del mundo. Los operadores pueden compartir y colaborar fácilmente con productores gráficos o cambiar gráficos sobre la marcha. No se necesitan descargas, codificación ni hardware costoso.
En pocas palabras, HTML 5 permite lo siguiente:
- La producción de gráficos desde cualquier navegador.
- Mayor agilidad, ya que no se necesita conocimiento de codificación o gráficos de transmisión.
- Mayor colaboración en la nube con su equipo.
- La capacidad de acceder a un grupo más amplio de operadores.
- Producción rentable.
- Ahorro de costes de carbono reduciendo los viajes y la huella de CO2.
Con los gráficos HTML5, todo sucede perfectamente en la nube y puede ser controlado por una sola persona.
Otra ventaja de los gráficos HTML 5 es la localización. Cuando trabaja en la nube, es más fácil crear varias versiones de la misma transmisión o, incluso, fuentes personalizadas. Por ejemplo, un importante canal de televisión con una base global puede enviar varias señales de emisión, reversionadas para el consumo local en otros países con gráficos en el idioma local.

Flowics: Establecer el estándar para los flujos de trabajo de producción en vivo preparados para el futuro
Lo que diferencia a Flowics de otros proveedores de HTML5 es cómo hemos simplificado la integración de datos, incluidas las redes sociales, para que sea lo más fluida posible.
Con Flowics, un solo operador puede crear, previsualizar y reproducir gráficos HTML5.
La creación se realiza en el editor web. El operador solo arrastra y suelta elementos predeterminados, que llamamos "bloques de construcción", en el lienzo. También puede añadir diferentes proveedores de datos (hojas de cálculo de Google, temporizadores, relojes, colecciones de redes sociales y más de 50 conectores de datos nativos), así como widgets preconfigurados.
Los bloques de construcción son la base: formas, imágenes, video, etcétera. Como su nombre lo indica, constituyen el punto de partida para crear gráficos HTML5.
Los conectores de datos son exclusivos de Flowics y ofrecen una integración sencilla y ágil de datos externos en tiempo real, procedentes de diversas fuentes, como datos meteorológicos, deportivos, de apuestas y financieros, en sus gráficos, sin necesidad de invertir tiempo y dinero en desarrollar una solución personalizada o en introducir los datos manualmente. No se requiere codificación.
Los datos fluyen sin problemas de fuentes de terceros a Flowics, lo que permite a los usuarios con pocos conocimientos gráficos crear gráficos informativos en vivo que valoren el público. Actualmente, ofrecemos más de 50 conectores nativos, la gama más amplia del mercado, incluidos proveedores de estadísticas deportivas, meteorología, finanzas, relojes y sistemas de puntuación.
Los widgets, el tercer componente, son mecánicas adicionales, como temporizadores y herramientas de participación de la audiencia.
El navegador web funciona como un motor de renderizado, y el operador solo necesita obtener la URL de la superposición y conectarla a su sistema TriCaster a través de Live Link para reproducir gráficos sobre cualquier producción en directo, es tan simple como eso.
La plataforma Flowics va un paso más allá, ya que brinda integraciones premium de redes sociales de API. Todo en una plataforma SaaS. Por lo tanto, puede integrar fácilmente datos en vivo con comentarios de redes sociales generados por el público en cualquier producción.
Flowics es realmente la plataforma basada en la nube más completa que impulsa la producción remota y en estudio de gráficos en vivo y contenido interactivo para emisoras lineales y digitales, y seguimos mejorando nuestra oferta y nuestras capacidades todos los días.
No confíe solo en mi palabra, pruébelo usted mismo: regístrese para obtener su prueba gratuita de cinco días de Flowics aquí
* Flowics es una oferta de gráficos HTML dentro del portafolio de Vizrt Group.
Dónde comprar
productos NewTek

NewTek cuenta con una red de distribuidores ubicados en todo el mundo. Todos ellos tienen una amplia experiencia en nuestros productos y en la industria de producción de vídeos y streaming.
Utilice esta herramienta para encontrar a un distribuidor de NewTek cerca de su domicilio.
Comuníquese con un experto en soluciones
Obtenga asesoría especializada sobre un flujo de trabajo de producción en directo en torno a sistemas NewTek y NDI o permítanos comunicarlo con uno de nuestros socios locales, nuestros expertos en soluciones están aquí para ayudarlo.