Waarom we onze eigen live graphics engine bouwden

Voor de livestreams van Tyrun Racing hadden we graphics nodig die even snel gaan als de sport zelf. Dus bouwden we ze zelf. Steije, DOP en postproducer bij Crowdproductions, vertelt hoe een kleine eigen server en een Stream Deck een dure broadcastoplossing vervingen.

Het probleem: alles verandert, behalve de graphics

Toen we startten met de livestreams voor Tyrun Racing, waren de graphics het onderdeel dat me het meest stoorde. Hybrid fitness racing gaat snel. Heats, atleten, tijden en klassementen veranderen voortdurend. Namen met de hand in een lower third tikken, dat ging dat tempo nooit bijhouden.

Tot dan waren onze graphics altijd statisch: een logo of een vaste overlay, gekeyd op de upstream of downstream keyer van de ATEM, of als extra laag in OBS. Het deed zijn werk, maar niets op het scherm was ooit live.

De gangbare broadcastoplossingen zijn krachtig, maar ook duur, zwaar en gemaakt voor teams die veel groter zijn dan het onze. Ik wilde iets kleins en snels, volledig onder eigen controle.

Snel aan te passen

In de kern is de engine een eigen server die de graphics rendert en als een zuiver videosignaal naar onze videomixer stuurt.

Omdat we alles zelf in handen hebben, pas ik animaties, lay-outs en typografie aan in minuten in plaats van uren. Voor Tyrun blijft alles zwart, wit en de tinten daartussen, en die huisstijl houden we strikt aan.

Wat er in beeld komt

Tijdens een Tyrun-stream verzorgt de engine alles wat grafisch is:

• Lower thirds, op commando of volledig automatisch
• Scoreborden en klassementen
• Een logo (bug) in de hoek van het beeld
• Een live klok

De automatische lower thirds zijn mijn favoriet. Zodra een atleet over de finish komt, verschijnt de naam vanzelf in beeld. Niemand hoeft op een knop te drukken. Net dat soort details geeft een stream het gevoel van echte televisie.

Live data, rechtstreeks van de klant

De echte kracht zit in de data. De engine is gekoppeld aan de gegevens van Tyrun en werkt de graphics automatisch bij.

Geen namen overtypen, geen uitslagen kopiëren en plakken. Verandert de data aan hun kant, dan volgt de graphic op het scherm. Dat schrapt een hele categorie fouten uit een live show, en het maakt iemand vrij die anders achter een toetsenbord vastzit.

Van testopstelling naar vaste server

De eerste versie draaide op een piepkleine computer. Voor het eerste event waarop we de engine inzetten, nam ik er twee mee. Op een ervan sneuvelde een van de videopoorten. Hoe, dat weet ik nog altijd niet. Die poorten zijn piepklein en fragiel, en daar wil je tijdens een live show niet van afhangen.

Het goede nieuws: de engine zelf werkte die dag vlekkeloos. De software zat goed, de hardware was de zwakke schakel.

Daarna was het duidelijk: ik wilde een lichte server die maar één taak heeft, graphics. Niets anders dat erop draait, niets dat in de weg zit. Daarna stapten we over op een robuustere mini-pc. Klein en stil, met stevige poorten en meer dan genoeg kracht om een hele dag geanimeerde graphics uit te sturen.

De moeilijkste puzzel: key en fill

Het lastigste waren niet de graphics zelf, maar de signalen naar de mixer perfect synchroon krijgen.

Een graphic bestaat uit een fill, de eigenlijke graphic, en een key die de mixer vertelt wat hij moet uitknippen. Lopen die twee ook maar een fractie uit elkaar, dan zie je dat meteen aan lelijke randen of flikkering. Dat goed krijgen kostte meer werk dan eender welk ander onderdeel van het project.

Bediening: Stream Deck en een webinterface

Op de dag van de show bedient de operator alles vanaf een Stream Deck. Eén knop zet een lower third in beeld, een andere toont het klassement, nog een andere haalt het weer weg. Fysieke knoppen zijn snel en je bedient ze zonder te kijken.

Daarnaast is er een webinterface. Iedereen op het netwerk kan die openen in een browser en de graphics bedienen vanaf een laptop, tablet of smartphone. Handig tijdens de opbouw, om te testen, of als back-up voor de Stream Deck-operator.

Gebouwd met Claude Code

Ik ben DOP en postproducer, geen softwareontwikkelaar. De server bouwde ik met Claude Code, een AI-assistent die code schrijft.

Na een halve dag had ik een werkende eerste versie. Sindsdien heb ik bijna een maand geschaafd, verfijnd en functies toegevoegd, en na elk event groeit de engine verder.

Dat vind ik het meest boeiende aan dit verhaal. Een paar jaar geleden betekende zo’n tool een developer inhuren of een dure licentie kopen. Vandaag kan iemand die precies weet wat een productie nodig heeft, die tool zelf bouwen, hem tussen twee shows door verbeteren en hem afstemmen op hoe we echt werken.

Updates zonder de kast aan te raken

De engine krijgt updates op afstand. Vraagt een klant een aanpassing, dan stuur ik een nieuwe versie naar de server zonder hem fysiek aan te raken. Een lay-out bijsturen, een graphic toevoegen, uitrollen. Zo werken we heel snel samen met klanten.

Veilig, ook op afstand

Vandaag draait de engine lokaal, op hetzelfde netwerk als de livestreamapparatuur. Maar we denken eraan om hem open te stellen en ook voor andere klanten in te zetten.

Het idee: een graphics-operator hoeft dan niet meer naast de livestreamopstelling te zitten. Die kan de graphics van eender waar bedienen via een publieke URL.

Zodra iets bereikbaar is vanaf het internet, is beveiliging geen optie meer maar een must. Daarom laten we de code automatisch scannen op beveiligingsproblemen, zodat we ze kunnen dichten voor ze ooit een probleem worden.

Waarom maatwerk wint van een kant-en-klaar pakket

Mensen vragen soms waarom ik niet gewoon een commercieel graphicssysteem huurde. Eerlijk: ik heb er zelfs nooit een prijs voor opgevraagd.

Het echte voordeel is niet de kostprijs, het is focus. Omdat de engine op maat is, bouwen we precies wat de klant wil en niets meer. Elke functie bestaat omdat een productie ze nodig had. Zo haal je het beste resultaat op het scherm.

Het grotere plaatje

Deze engine is één stuk van iets groters. We bouwen een set tools om onze livestreams en onze gewone videoproducties beter, sneller en meer geautomatiseerd te maken.

Het doel is eenvoudig: minder tijd voor repetitieve, foutgevoelige taken, meer tijd voor wat een productie echt goed maakt. De shots, het verhaal, de energie op het scherm. Een kleine crew, een snelle workflow en output van hoge kwaliteit, dat is de richting.

Wat nu?

We blijven delen wat we onderweg bouwen. Werk je in live productie en ben je benieuwd hoe dit werkt, of denk je eraan om je eigen tools te bouwen? Laat van je horen. Plan je zelf een event met live graphics? Bekijk dan wat we doen op het vlak van livestreaming.