O que são gráficos HTML5 e por que estão dando o que falar entre os criadores de conteúdo de transmissão?
A produção de transmissão ao vivo hoje está mais enxuta, fluida, altamente automatizada e migrando rapidamente para a nuvem. Essa mudança para a nuvem foi acelerada pela pandemia, que alterou profundamente os nossos métodos de trabalho. Também mudou radicalmente os hábitos de visualização do público, causando um impacto enorme na produção e distribuição de conteúdo.
À medida que os fluxos de trabalho migram para soluções remotas, híbridas e em nuvem, há uma necessidade crescente de novas tecnologias gráficas em produções de transmissão. A resposta está nos gráficos HTML5: eles podem ser criados e renderizados usando um simples navegador da web e uma conexão com a internet, onde quer que você esteja.

Gabriel Baños, CEO da Flowics*, desenvolve e aprimora os gráficos HTML5 há mais de uma década. Ele nos dá informações sobre o assunto e explica, na NAB Show de 2023, por que é a última tendência na transmissão.
O que são gráficos HTML5 no contexto da produção de transmissão ao vivo?
São a nova geração de gráficos de transmissão ao vivo, criados para a era da nuvem. HTML, a linguagem padrão da web que antes se limitava a codificar, projetar e publicar páginas da web, agora tem uma funcionalidade vastamente ampliada com maior capacidade de resposta, recursos e desempenho avançados, menos dependência de plug-ins e mobilidade aprimorada (WORA, escreva uma vez, execute em qualquer lugar) entre aplicativos para replicar a experiência do usuário em diferentes dispositivos, como celulares e TVs inteligentes.
Vários fatores explicam a adoção de gráficos HTML5 na transmissão.
Primeiro, a evolução dos navegadores e das tecnologias web: HTML5, CSS e JavaScript. Agora somos capazes de construir aplicativos web com recursos poderosos que pareciam impossíveis para nós 10 anos atrás. E tudo isso usando apenas um navegador e uma conexão com a internet. O mesmo vale para os gráficos HTML5, que basicamente são aplicativos web criados em qualquer navegador.
Graças aos novos padrões da web e aos navegadores modernos, podemos criar aplicativos de visualização de dados com belas animações. Eles extraem e processam dados em tempo real em segundo plano e estabelecem conexões permanentes 1:1 com outros aplicativos para reduzir a latência.
Os avanços tecnológicos estão mudando os interesses do público e como eles interagem com o conteúdo
Outro fator crucial que contribui para a adoção de gráficos HTML5 e fluxos de trabalho de produção remota é a evolução das comunicações. 4G e 5G possibilitam a execução de qualquer aplicativo web, em qualquer lugar do mundo, com uma conexão de internet móvel.
Esses avanços tecnológicos facilitaram a criação de conteúdo e reduziram os custos de produção. A quantidade cada vez maior de conteúdo ao vivo produzido diariamente oferece mais opções para os consumidores, mas também aumenta a competição entre os criadores.

Vejamos o exemplo dos esportes. A pandemia mudou o comportamento dos torcedores. Quando não puderam mais se reunir nos estádios e arenas, recorreram a meios digitais para acompanhar seus esportes favoritos, estimulando o crescimento de plataformas e canais OTT (over-the-top). Uma pesquisa da Nielsen Sports mostra que 40,7% dos torcedores de esportes em todo o mundo hoje optam pelo stream ao vivo.
Esse mercado só tende a crescer, fragmentando ainda mais os públicos. Para enfrentar esse desafio, os criadores de conteúdo precisam inovar para atrair e reter espectadores, fazendo uso de gráficos aprimorados, dados na tela e elementos interativos, além de câmeras e fluxos de trabalho inovadores.
Para aumentar a sua audiência nestas diferentes plataformas de distribuição, é preciso ter flexibilidade e eficiência de custos, algo facilitado pelos gráficos HTML5.
Os gráficos HTML5 oferecem aos criadores de conteúdo mais flexibilidade e velocidade
Todos os criadores de conteúdo que entrevistei enfatizam fluxos de trabalho de produção flexíveis e mudanças e atualizações rápidas em tempo real.

Os fluxos de trabalho na nuvem (remota) e híbridos tornaram a produção mais flexível. Pode-se ter equipes em diferentes locais em esquema de home office, reduzindo os custos de viagens e transporte de equipamentos. Sem falar que é possível explorar um enorme banco de talentos. Os operadores podem facilmente compartilhar e colaborar com produtores gráficos ou fazer edições em tempo real, sem a necessidade de download, codificação ou hardware caro.
Em resumo, os gráficos HTML5:
- permitem produzir gráficos de qualquer navegador
- não requerem conhecimento de codificação ou gráficos de transmissão
- promovem a colaboração na nuvem com sua equipe
- permitem explorar um maior número de operadores
- tornam sua produção lucrativa
- reduzem sua pegada de carbono porque evitam viagens
Com os gráficos HTML5, todos os processos são otimizados na nuvem e podem ser controlados por uma única pessoa.
Outra vantagem dos gráficos HTML5 é a localização. Ao trabalhar na nuvem, é mais fácil criar várias versões da mesma transmissão ou até feeds personalizados. Por exemplo, um transmissor principal com alcance global pode enviar vários sinais de transmissão adaptados para consumo local em outros países, com gráficos no idioma local.

Flowics: a referência para fluxos de trabalho de produção ao vivo
O que diferencia o Flowics de outros provedores HTML5 é como simplificamos a integração de dados (incluindo mídia social) para oferecer a melhor experiência.
Com o Flowics, um único operador pode criar, visualizar e reproduzir gráficos HTML5.
A criação é feita no editor da web. O operador simplesmente arrasta e solta elementos pré-determinados, chamados de "blocos de construção", na tela. Você também pode adicionar diferentes provedores de dados (Planilhas Google, Timers, Clocks, Social Media Collections e mais de 50 conectores de dados nativos), bem como widgets pré-desenvolvidos.
Os blocos de construção são a base: formas, imagens, vídeos etc. Como o nome sugere, eles são o ponto de partida para a criação de gráficos HTML5.
Os conectores de dados são exclusivos do Flowics. Eles facilitam a integração de dados externos ao vivo de diversas fontes, como dados meteorológicos, esportivos, de apostas e financeiros, sem exigir o tempo e as despesas de desenvolver uma solução personalizada ou inserir dados manualmente. E não é necessário codificar.
Os dados de fontes de terceiros são perfeitamente integrados ao Flowics, permitindo que os usuários com pouco conhecimento especializado criem gráficos informativos em tempo real que são muito apreciados pelo público. Atualmente, oferecemos mais de 50 conectores nativos e a maior variedade atualmente no mercado, que inclui provedores de estatísticas esportivas, meteorológicas, financeiras, de horários e sistemas de pontuação.
O terceiro componente, widgets, é formado por mecanismos adicionais, como cronômetros e ferramentas que capturam a atenção do público.
O navegador da web funciona como um mecanismo de renderização. O operador só precisa obter o URL para a sobreposição e conectá-lo ao seu sistema TriCaster via Live Link para reproduzir gráficos em qualquer produção ao vivo. Simples assim.
A plataforma Flowics vai ainda mais longe ao fornecer integrações de API de alta qualidade para redes sociais, tudo em uma plataforma SaaS. Assim, você pode integrar facilmente dados ao vivo com comentários de redes sociais em qualquer produção.
Flowics é a plataforma baseada em nuvem mais abrangente para produção de vídeo remota e em estúdio de gráficos em tempo real e conteúdo interativo para transmissão linear e digital. Além disso, estamos sempre melhorando nossas ofertas e funcionalidades.
Não precisa acreditar no que eu digo, experimente você mesmo: inscreva-se aqui para um teste gratuito de 14 dias do Flowics
* Flowics é uma empresa especializada no design de gráficos HTML5 e faz parte do Vizrt Group.
Onde comprar
produtos da NewTek

A NewTek possui uma rede de revendedores localizados pelo mundo. Todos eles são especialistas em nosso produto e na indústria de produção de vídeo e streaming.
Use esta ferramenta para encontrar um revendedor da NewTek perto de você.
Contate um Especialista
Obtenha conselhos de especialistas sobre fluxos de trabalho de produção ao vivo em torno de sistemas NewTek e NDI ou permita-nos conectá-lo a um de nossos parceiros locais. Nossos especialistas em soluções estão aqui para ajudá-lo.