À quoi servent les graphiques HTML5 et pourquoi suscitent-ils un tel engouement parmi les créateurs de contenu audiovisuel ?
La production live est désormais plus simple, plus flexible, plus autonome et poursuit sa transition vers le cloud. Cette situation a été intensifiée par la pandémie, qui a profondément modifié nos méthodes de travail. Elle a également radicalement changé les habitudes de visionnage du public, ce qui a une incidence majeure sur la production et la diffusion du contenu.
À mesure que les workflows évoluent vers des solutions à distance, hybrides et cloud, on constate un besoin grandissant de nouvelles technologies graphiques dans les productions audiovisuelles. Les graphiques HTML5 vous apportent la solution : ils peuvent être créés et affichés à l'aide d'un simple navigateur web et d'une connexion Internet, où que vous soyez.

Gabriel Baños, PDG de Flowics*, développe et perfectionne des graphiques HTML5 depuis plus de dix ans. Il nous donne des informations sur le sujet et explique pourquoi il s'agit de la dernière nouveauté dans le secteur de la radiodiffusion, en marge du salon NAB 2023.
À quoi servent les graphiques HTML5 dans le contexte de la production live ?
Il s'agit de la nouvelle génération de graphiques affichés en temps réel, conçus pour l'ère du cloud. HTML, le langage web standard autrefois réservé au codage, à la conception et à la publication de pages web, dispose désormais de fonctionnalités considérablement étendues. Plus grande réactivité, fonctionnalités avancées, performances accrues, dépendance moindre à l'égard des plugins et mobilité améliorée (sur le modèle WORA : write once, run anywhere) entre les applications, afin de reproduire l'expérience utilisateur sur différents appareils, tels que les téléphones mobiles et les téléviseurs intelligents, sont ainsi devenues la norme.
Plusieurs raisons expliquent l'adoption grandissante des graphiques HTML5 dans le secteur de la radiodiffusion.
Tout d’abord, l’évolution des navigateurs et des technologies web : HTML5, CSS et JavaScript. Ce qui nous semblait impossible il y a 10 ans est devenu réalité. Nous sommes désormais en mesure de créer des applications web dotées de puissantes fonctionnalités à l'aide d'un simple navigateur et d'une connexion Internet. Il en va de même pour les graphiques HTML5, qui sont en réalité des applications web créées sur n'importe quel navigateur.
Grâce aux nouvelles normes du Web et aux navigateurs actuels, nous pouvons créer des applications de visualisation de données avec de belles animations. Ces dernières extraient et traitent des données en arrière-plan et établissent des connexions permanentes 1:1 avec d'autres applications pour réduire les problèmes de latence.
Les avancées technologiques modifient les centres d'intérêt du public et la façon dont il interagit avec le contenu.
Autre facteur clé qui contribue à l’adoption des graphiques HTML5 et des workflows de production à distance : l’évolution des communications. La 4G et la 5G permettent d'exécuter n'importe quelle application web, n'importe où dans le monde, à l'aide d'une simple connexion Internet.
Ces progrès technologiques ont facilité la création de contenu et réduit les coûts de production. Le nombre exponentiel de contenus en direct produits quotidiennement offre davantage d'options aux consommateurs, mais accroît également la concurrence entre créateurs.

Prenons l'exemple du sport. Nous avons constaté que la pandémie avait modifié le comportement des supporters. En effet, comme ils n'ont pas pu se réunir dans les stades, ils se sont tournés vers les supports numériques pour suivre leurs sports préférés, ce qui a encouragé le développement des plateformes et des chaînes de télévision OTT (over-the-top). Une enquête de Nielsen Sports montre en effet que 40,7 % des amateurs de sport dans le monde optent aujourd'hui pour le streaming en direct.
Ce marché ne cessera de croître, ce qui fragmentera davantage les audiences. Pour relever cet enjeu, les créateurs de contenu doivent donc innover pour attirer et fidéliser les téléspectateurs. Pour ce faire, ils doivent miser sur les graphiques, les données affichées à l'écran, les contenus interactifs, ainsi que des caméras et des workflows innovants.
Pour accroître son audience sur ces différentes plateformes de diffusion, flexibilité et rentabilité sont les maîtres-mots ; un défi facilité par les graphiques HTML5.
Ces derniers offrent aux créateurs de contenu plus de rapidité et de flexibilité.
Tous les créateurs de contenu que j'ai interrogés insistent sur la flexibilité des workflows de production et la rapidité des changements et des mises à jour à la volée.

Les workflows cloud hybrides et à distance ont rendu le travail de production plus flexible. Vous pouvez désormais collaborer avec des équipes dans le monde entier ou à distance, ce qui réduit les frais de déplacement et de transport du matériel. Sans compter qu'il est possible de puiser dans un énorme vivier de talents. Les opérateurs peuvent facilement partager les contenus et collaborer avec les producteurs de graphiques ou les modifier dans le feu de l'action. Aucun téléchargement, aucun codage et aucun matériel coûteux ne sont nécessaires.
En bref, les graphiques HTML5 :
- permettent de produire des graphiques à partir de n'importe quel navigateur ;
- ne nécessitent aucune connaissance en codage ou en contenus graphiques audiovisuels ;
- favorisent la collaboration dans le cloud avec votre équipe ;
- permettent de faire appel à un plus grand nombre d'opérateurs ;
- rentabilisent votre production ;
- permettent de réduire votre empreinte carbone.
Tous les processus sont optimisés dans le cloud et peuvent être contrôlés par un unique utilisateur.
Autre avantage : la localisation. Lorsque vous travaillez dans le cloud, vous pouvez plus facilement créer plusieurs versions d'un contenu ou des flux personnalisés. Par exemple, un diffuseur principal qui rayonne mondialement peut envoyer plusieurs signaux de diffusion adaptés aux locaux, avec des graphiques dans la langue locale.

Flowics : la référence en matière de workflows de production live
Ce qui distingue Flowics de ses concurrents, c'est la manière dont nous avons simplifié l'intégration des données (y compris les réseaux sociaux) pour vous fournir une expérience optimale.
Avec Flowics, un seul opérateur peut ainsi créer, prévisualiser et lire les graphiques HTML5.
La création se fait sur l'éditeur web. L'opérateur se contente de glisser-déposer dans le canevas des éléments prédéterminés, appelés « blocs de construction ». Vous pouvez également ajouter différents fournisseurs de données (Google Sheets, Timers, Clocks, Social Media Collections et plus de 50 connecteurs de données natifs) ainsi que des widgets prédéfinis.
Les blocs de construction constituent la base : formes, images, vidéos, etc. Comme leur nom l'indique, ils constituent le point de départ de la création de graphiques HTML5.
Les connecteurs de données sont propres à Flowics. Ils permettent d'intégrer simplement des données externes en direct provenant de diverses sources, telles que la météo, le sport, les paris et les données financières, sans nécessiter le temps et les frais de développement d'une solution personnalisée ou d'une saisie manuelle. En outre, il n'est pas nécessaire de savoir coder.
Les données provenant de sources tierces sont intégrées de manière optimale dans Flowics, ce qui permet aux utilisateurs peu avertis de créer des graphiques informatifs en temps réel fortement appréciés par le public. Nous proposons actuellement plus de 50 connecteurs natifs, soit la plus large gamme actuellement disponible sur le marché, y compris des fournisseurs de statistiques sportives, des systèmes météorologiques, financiers, de chronométrage et de notation.
Le troisième composant, les widgets, est constitué de mécanismes supplémentaires tels que les chronomètres et les outils qui captent l'attention du public.
Le navigateur web fonctionne comme un moteur de rendu. L’opérateur doit simplement obtenir l’URL du clip d'incrustation et la brancher sur votre système TriCaster via Live Link pour afficher des graphiques lors d'une production live. C’est aussi simple que cela.
La plateforme Flowics va encore plus loin en proposant des intégrations API premium pour les réseaux sociaux, le tout sur une seule plateforme SaaS. Ainsi, vous pouvez facilement intégrer des données en temps réel aux commentaires publiés sur les réseaux sociaux dans n'importe quelle production.
Flowics est la plateforme cloud la plus complète pour la production vidéo à distance et en studio de graphiques en temps réel et de contenus interactifs pour la diffusion linéaire et numérique. De plus, nous ne cessons d'améliorer notre offre et nos fonctionnalités.
Ne me croyez pas sur parole, essayez-le ! inscrivez-vous ici pour bénéficier d'un essai gratuit de 14 jours
* Flowics est une société spécialisée dans la conception de graphiques HTML5. La société fait partie du groupe Vizrt.
Points de vente
des produits NewTek

NewTek dispose d'un réseau de distributeurs, partout dans le monde. Ces professionnels maîtrisent nos produits, et connaissent bien le secteur du streaming et de la production vidéo.
Utilisez cet outil pour trouver un distributeur NewTek près de chez vous.
Contactez un spécialiste de nos solutions
Bénéficiez de conseils d'experts sur un workflow de production live avec les systèmes NewTek et NDI, ou laissez-nous vous mettre en relation avec l'un de nos partenaires locaux. Nos experts en solutions sont là pour vous aider.