The brief
TiledMedia’s player puts many live video feeds on one screen. For a racing use case they needed an interface layer on top of the footage: where every kart is on the circuit, who leads and by how much, how fast the focused driver is going, all driven by telemetry and configurable from their own application.
The build
A venue-agnostic track map draws any circuit from a data feed and projects live positions onto it; the same map runs as an overview and a focus view, with operator-selectable layouts. A leaderboard re-ranks its rows in motion as the gaps to the leader change. A speedometer builds its own scale from data, and driver cards, popups and lower thirds share one set of content and color inputs. Every component exposes a typed runtime API, so the client sets content, colors and layout from their app.
The constraint
Nothing in the player is authored per venue or per driver. Circuits, drivers and telemetry arrive at runtime, so each component had to draw itself from data, and the question of which system writes which value had to be settled in a written contract. The numeric readouts needed a typeface that held up at speed, so I designed one, Nocturne Varsity, for the system.
The delivered experience
Delivered as documented components with architecture diagrams, standalone demos and an Xcode integration project. The recording shows the system running inside the player on kart-race footage. It is the demo TiledMedia took to IBC 2026.
Play event film