NewTek Studio | Interactive Demo

Was sind HTML5-Grafiken und warum sorgen sie bei den Erstellern von Broadcast-Inhalten für so viel Aufsehen?

Die Live-Produktion für Übertragungen ist heute schlanker, nahtloser, hoch automatisiert und verlagert sich schnell in die Cloud. Diese Verlagerung in die Cloud wurde durch die Pandemie noch verstärkt, die jeden Einzelnen von uns zwang, seine Arbeitsweise zu ändern. Auch die Zuschauergewohnheiten haben sich drastisch verändert, was sich auf die Art und Weise, wie Inhalte produziert und verbreitet werden, stark ausgewirkt hat.

Mit der Verlagerung von Workflows auf Remote-, Hybrid- und Cloud-Lösungen entsteht der Bedarf an neuen Grafiktechnologien für Broadcast-Produktionen. HTML5-Grafiken sind die Antwort: Grafiken, die nur mit einem Webbrowser und einer Internetverbindung erstellt und gerendert werden können – und zwar von überall.

Der CEO von Flowics, Gabriel Baños (im Anzug bei einem Gespräch mit interessierten ProAV-Operatoren bei der NAB Show), entwickelt und verfeinert seit mehr als einem Jahrzehnt HTML5-Grafiken.

Flowics* CEO Gabriel Baños entwickelt und verfeinert seit mehr als einem Jahrzehnt HTML5-Grafiken. Er gibt uns die Fakten zu HTML5-Grafiken und warum es bei der NAB Show 2023 der neueste Hype ist.

Was sind HTML5-Grafiken im Kontext der Live-Produktion?

HTML5-Grafiken sind die neue Generation von Live-Broadcast-Grafiken, die für das Cloud-Zeitalter entwickelt wurden. HTML, die Standard-Websprache, die einst auf das Codieren, Gestalten und Veröffentlichen von Webseiten beschränkt war, verfügt jetzt über erheblich erweiterte Möglichkeiten mit besserer Reaktionsfähigkeit, höherer Funktionalität und Leistung, geringerer Abhängigkeit von Plugins und verbesserter Mobilität (Write once, Run anywhere) über Anwendungen hinweg, um die Benutzererfahrung auf verschiedenen Geräten wie Mobiltelefonen und Smart-TVs zu reproduzieren.

Mehrere Faktoren treiben die Einführung von HTML5-Grafiken bei Übertragungen voran.

Zuerst haben wir die Entwicklung von Webbrowsern und Web-Technologien: HTML5, CSS und JavaScript. Wir sind jetzt in der Lage, Webanwendungen mit leistungsstarken Funktionen zu erstellen, die wir uns vor 10 Jahren noch nicht vorstellen konnten. Und dazu braucht es lediglich einen Browser und eine Internetverbindung. Ebenso mit HTML5-Grafiken, bei denen es sich im Wesentlichen um eine Webanwendung handelt, die in jedem Browser erstellt wird.

Dank der neuen Webstandards und modernen Browser können wir Datenvisualisierungs-Apps mit ansprechenden Animationen erstellen, die Live-Daten im Hintergrund abrufen und verarbeiten und 1:1 permanente Verbindungen mit anderen Anwendungen herstellen, um die Latenz zu minimieren.

Technologische Fortschritte verändern die Ansprüche des Publikums und die Art und Weise, wie es mit Inhalten umgeht

Ein weiterer wichtiger Faktor, der zur Einführung von HTML5-Grafiken und Remote-Produktions-Workflows beiträgt, ist die Weiterentwicklung der Kommunikation. 4G und 5G haben es möglich gemacht, jede Web-App von jedem Ort aus mit nur einer mobilen Internetverbindung auszuführen.

Diese technologischen Fortschritte haben die Erstellung von Inhalten für Content Creators einfacher und kostengünstiger gemacht. Die Verbreitung von täglich produzierten Live-Inhalten schafft mehr Optionen für die Verbraucher, erhöht aber auf der anderen Seite auch den Wettbewerb.

Schauen wir uns eine Vertikale an – Sport. Die Pandemie hat das Verhalten der Fans verändert. Als sich Fans nicht mehr in Stadien und Arenen versammeln konnten, wandten sie sich an digitale Quellen, um ihre Lieblingssportarten zu verfolgen, was das Wachstum von OTT-Plattformen (Over-the-Top) und Kanälen vorantreibt. Eine Umfrage von Nielsen Sports zeigt, dass sich 40,7 % der weltweiten Sportfans inzwischen dafür entscheiden, Live-Sport zu streamen.

Dieser Markt wird weiter wachsen und das Publikum wird weiter fragmentieren. Um diese Fragmentierung zu überwinden, müssen Content Creators innovativ sein, um Zuschauer zu gewinnen und zu binden – mit verbesserten Grafiken, Bildschirmdaten, interaktiven Elementen sowie neuen und verbesserten Kameras und Workflows.

Das Erreichen von Zielgruppen auf all diesen verschiedenen Plattformen erfordert Flexibilität und Kosteneffizienz, und mit HTML5-Grafiken ist dies einfacher geworden.

HTML5-Grafiken bieten Content-Erstellern mehr Flexibilität und höhere Geschwindigkeit

In allen Gesprächen, die ich mit großen und kleinen Content-Creators geführt habe, ging es um die Flexibilität der Produktionsabläufe und die Geschwindigkeit, mit der Änderungen und Aktualisierungen vorgenommen werden können.

Nischensport, Nischentools: Die US National Lacrosse League nutzt Flowics für ihre Übertragungen. Der Bediener erstellt Spielgrafiken mit Flowics

Cloud- (Remote-) und Hybrid-Workflows haben die Produktionsarbeit flexibler gemacht. Sie können Ihre Teams an verschiedenen Orten haben, von zu Hause aus arbeiten lassen und die Reise- und Transportkosten für die Ausrüstung reduzieren. Ganz zu schweigen von der Nutzung eines breiteren Talentpools überall auf der Welt. Bediener können auf einfache Weise Grafiken austauschen und mit Grafikproduzenten zusammenarbeiten oder Grafiken während des laufenden Betriebs ändern. Keine Downloads, keine Programmierung und keine teure Hardware erforderlich.

Kurz gesagt ermöglichen HTML 5-Grafiken:

  • Die Erstellung von Grafiken mit beliebigen Browsern
  • Agilität, es sind keine Codierungs- oder Broadcast-Grafikkenntnisse erforderlich
  • Bessere Zusammenarbeit in der Cloud mit Ihrem Team
  • Die Möglichkeit, auf einen breiteren Pool von Betreibern zuzugreifen
  • Kostengünstige Produktion
  • CO2-Kosteneinsparungen durch Reduzierung von Reisen und des CO2-Fußabdrucks

Mit HTML5-Grafiken passiert alles nahtlos in der Cloud und kann von einer Person gesteuert werden.

Ein weiterer Vorteil von HTML 5-Grafiken ist die Lokalisierung. Wenn Sie in der Cloud arbeiten, ist es einfacher, mehrere Versionen der gleichen Sendung oder sogar personalisierte Feeds zu erstellen. So kann beispielsweise ein Hauptsender mit einer weltweiten Basis mehrere Broadcast-Signale senden, die für den lokalen Konsum in anderen Ländern umgeschrieben und mit Grafiken in der jeweiligen Landessprache versehen werden.

Schöne Overlays: Die US National Lacrosse League verwendet Flowics für all ihre Spielgrafiken.

Flowics – Setzt die Messlatte für zukunftssichere Live-Produktions-Workflows

Was Flowics von anderen HTML5-Anbietern unterscheidet, ist die Vereinfachung der Datenintegration (einschließlich sozialer Medien), die so nahtlos wie möglich sein soll.

Mit Flowics können HTML5-Grafiken von einem einzigen Operator erstellt, in der Vorschau angezeigt und abgespielt werden.

Die Erstellung erfolgt im Web-Editor. Der Operator zieht einfach vordefinierte Elemente, die wir Bausteine nennen, per Drag-and-Drop in die Leinwand. Sie können auch verschiedene Datenanbieter (Google Sheets, Timers, Clocks, Social Media Collections und über 50 native Datenkonnektoren) sowie vorgefertigte Widgets hinzufügen.

Bausteine sind die Basis – Formen, Bilder, Videos usw. Wie der Name schon sagt, sind sie der Ausgangspunkt für die Erstellung von HTML5-Grafiken.

Datenkonnektoren sind einzigartig in Flowics und ermöglichen eine einfache und rationelle Integration von externen Live-Daten aus einer Reihe von Quellen (beispielsweise Wetter-, Sport-, Wett- und Finanzdaten) in Ihre Grafiken, ohne dass der Zeit- und Kostenaufwand für die Entwicklung einer benutzerdefinierten Lösung oder die manuelle Dateneingabe erforderlich ist. Es ist keine Codierung erforderlich.

Die Daten fließen nahtlos aus Drittquellen in Flowics ein, sodass auch Benutzer mit geringen Grafikkenntnissen informative Live-Grafiken erstellen können, die vom Publikum geschätzt werden. Derzeit bieten wir mehr als 50 native Konnektoren an, die größte Auswahl auf dem Markt, darunter Anbieter von Sportstatistiken, Wetter-, Finanz-, Zeitmessungs- und Punktesystemen.

Die dritte Komponente, Widgets, sind zusätzliche Mechanismen wie Timer und Tools, um das Publikum einzubinden.

Der Webbrowser fungiert als Rendering-Engine, und der Operator muss lediglich die URL für das Overlay abrufen und es über Live Link in Ihr TriCaster-System einbinden, um Grafiken über jede Live-Produktion auszuspielen – so einfach ist das.

Die Flowics-Plattform geht noch weiter, indem sie Premium-API-Social-Media-Integrationen bereitstellt. Alles auf einer SaaS-Plattform. So können Sie ganz einfach Live-Daten mit vom Publikum generierten Social-Media-Kommentaren in jede Produktion integrieren.

Flowics ist wirklich die umfassendste cloudbasierte Plattform, die die Remote- und In-Studio-Produktion von Live-Grafiken und interaktiven Inhalten für lineare und digitale Sender ermöglicht – und wir verbessern unser Angebot und unsere Fähigkeiten jeden Tag weiter.

Verlassen Sie sich nicht nur auf meine Worte – probieren Sie es selbst aus: Melden Sie sich hier für Ihre kostenlose 14-tägige Flowics-Testversion an
* Flowics ist ein HTML5-Grafikangebot im Portfolio der Vizrt Group.

Share this article:

TriCaster, Bildungswesen, NDI, Startseite, Broadcast - Traditionell, Broadcast - Web, Broadcast, Kameras, Kundenbewertungen, Regierungen, Live-Produktion, Live-Streaming, NDI-Seite, Beliebte Stories, NewTek NDI PTZ1-Kamera, Öffentlicher Zugriff, Streaming, TriCaster-Seite, TriCaster TC1, TriCaster Mini, CSHP,

Bildung, NDI, TriCaster,


NewTek-Produkte
kaufen

NewTek verfügt über ein Netzwerk an Händlern auf der ganzen Welt. Alle diese Einzelhändler sind Experten, wenn es um unsere Produkte sowie Videoproduktion und Streaming-Technologie geht.

Mit diesem Tool finden Sie einen NewTek-Händler in Ihrer Nähe.

Händler finden

Sprechen Sie mit einem Experten

Holen Sie sich Expertenberatung zu einem Live-Produktions-Workflow mit NewTek-Systemen und NDI oder lassen Sie sich von uns mit einem unserer Partner vor Ort verbinden: Unsere Lösungsexperten stehen Ihnen zur Seite.