Vom Spielstand zur Show – LED-Screen-Automatisierung im Live-Sport: Ein technischer Deep Dive
Moderne Sport-Events sind mehr als nur Spiel und Ergebnis – sie sind Erlebnis. Bei Floorball Köniz Bern durfte ich ein LED-Screen-System realisieren, das Spielinformationen, Animationen und Sponsoreninhalte in Echtzeit und dynamisch auf der grossen Leinwand präsentiert. In diesem Beitrag zeige ich nicht nur das Resultat, sondern auch den technischen Unterbau und was ich dabei gelernt habe.
🎯 Ausgangslage & Ziel
Der Verein suchte eine Lösung, mit der sich Live-Spielinformationen, Spielerporträts, Tore, Timer und Sponsoreninhalte automatisiert und visuell ansprechend darstellen lassen – ohne, dass das Hallenteam technische Vorkenntnisse braucht.
🛠️ Technisches Setup – Version 1
Für die erste Version des Systems habe ich folgende Tools und Technologien kombiniert:
vMix als Ausgabesoftware: Da im Unihockey oft mit vMix gestreamt wird, bot sich diese Software an. Sie erlaubt die Einbindung externer Datenquellen sowie die Darstellung dynamischer Inhalte per HTML-Overlay.
Schnittstelle zu Swiss Unihockey: Ich entwickelte eine eigene Middleware, basierend auf einer Kirby CMS Webseite, die:
Daten von Swiss Unihockey abruft
diese cached
und sie in einem strukturierten, erweiterbaren JSON-Format für vMix aufbereitet
Steuerung via Bitfocus Companion: Hier konnte das Hallenteam per Touch oder Tasten intuitiv Szenenwechsel, Animationen und Inhalte steuern – über visuell belegbare Buttons, die auch Live-Feedback liefern.
🔁 Technologiewechsel – Version 2
Aktuell arbeite ich an Version 2 mit einem neuen technischen Stack, um mehr Flexibilität und Plattformunabhängigkeit zu erreichen:
OBS Studio statt vMix:
Keine Lizenzkosten
Plattformunabhängig (Windows, Mac, Linux)
Offen erweiterbar mit WebSocket-Schnittstellen
HTML-Templates mit JavaScript für Animationen: Die Overlays werden als HTML-Seiten gebaut, die über WebSocket-Commands von Companion gezielt Animationen auslösen. Diese sind:
Modular aufgebaut
Anpassbar pro Event oder Team
Getrennt vom eigentlichen OBS-Setup
Custom Companion Modul: Ich entwickle ein eigenes Companion-Modul, das:
Daten aus meiner Middleware-Schnittstelle holt
diese als Variabeln speichert
und damit dynamisch Buttons erzeugt (z. B. „Tor Spieler X“)
Buttons wiederum senden WebSocket-Kommandos an OBS oder die HTML-Overlays
➡️ So entsteht ein flexibles, programmunabhängiges System, das sich an verschiedenste Sportarten, Events oder Sponsorenwünsche anpassen lässt.
🔍 Technische Learnings & Erkenntnisse
API-Daten brauchen eine intelligente Zwischenschicht
Die Daten von Swiss Unihockey sind grundsätzlich sehr hilfreich – doch ihre Aufbereitung ist technisch herausfordernd. Die bestehende API liefert Informationen meist in Form von Tabellen-Arrays, die strukturell nicht auf eine direkte Weiterverarbeitung in dynamischen Systemen wie vMix oder OBS ausgelegt sind.
Hinzu kommt: Aktuell existieren zwei parallel betriebene Systeme bei Swiss Unihockey:
ein neuer Datenhub, der direkt von den Vereinen gepflegt wird, jedoch (noch) keine Schnittstelle bietet
und das alte API-System, das zwar eine Schnittstelle besitzt, dafür aber nicht immer aktuelle oder vollständige Daten liefert – gelegentlich sogar mit Fehlern in den Inhalten.
Um das alles nutzbar zu machen, habe ich eine eigene Middleware auf Basis von Kirby CMS entwickelt, die:
die API-Daten abfragt, interpretiert und strukturiert,
fehlerhafte oder fehlende Werte ergänzt
und die Informationen für die Anzeige im Screen-Overlay in einem einheitlichen, zuverlässigen Format bereitstellt.
In engem Austausch mit Swiss Unihockey konnten durch meine Rückmeldungen sogar mehrere API-Fehler korrigiert werden – ein schönes Beispiel, wie praktische Anwendung auch zur Verbesserung der Datenqualität beitragen kann.
📈 Was ich mitnehme
Eine gute User Experience für Nicht-Techniker:innen braucht smarte Schnittstellen.
Open-Source-Tools wie OBS und Companion bieten riesiges Potenzial, wenn man bereit ist, sie zu konfigurieren und weiterzuentwickeln.
Die Verbindung von Datenlogik, visuellem Design und Live-Performance ist im Sportumfeld nicht nur möglich, sondern entscheidend für moderne Events.
🚀 Ausblick
Aktuell arbeite ich intensiv an der Verfeinerung von Version 2 des Systems für Floorball Köniz – pünktlich zur neuen Saison, die im September 2025 startet. Ziel ist es, die Lösung noch robuster, intuitiver und flexibler zu gestalten – insbesondere im Zusammenspiel mit OBS, HTML-Animationen und meiner Middleware.
Ich bin offen für neue Projekte und unterstütze gerne andere Vereine dabei, eine ähnliche Lösung zu realisieren – sei es in Form von Beratung, technischer Entwicklung oder einer gemeinsamen Umsetzung.
Wer also eine digitale und dynamische Screen-Lösung sucht, darf sich gerne bei mir melden.
👉 Du willst sehen, wie das in Aktion aussieht?
Hier geht’s zur Case Study von Floorball Köniz Bern: https://yolu.ch/projekte/led-screen-loesung-fuer-floorball-koeniz-bern