This here is StoryTiming, (re-)live timing reimagined.
Basically this demo shows what happens when you put the timing information first and let the race action follow from that instead of the other way around.
This gives us the ability to navigate the race more easily, and let the video follow suit.
keyboard support: 0-9 jump to 0 - 90% of the race. left, right go back and forward a bit, j, l go back and forward a bit more. comma, period go back and forward one single event. k or space toggles playback.
Use this bar to just jump anywhere in the race.
go to the beginning or the end or back (quite) a bit or forth
directly enter a destination time here.
up, down turn up, down the volume, m toggles mute.
when you put your mouse in this area, there's going to be a driver tracker overlay over the video with various configurations.
This is a class filter
Use events for information or navigation
This opens a detail filter for the standings
down at the very bottom of this area, mouse activity will draw a bullet train over the video space. Hover over various configurations.
This is a class filter
control bottom bullet train parameters
the red frame you see here makes this car your focus car. It's always visible in the driver tracker. Click to persist focus car.
remaining event time
session time
This is a single of many applications in real life and virtual racing. Interested in where this goes? Or you happen to want to bump your digital broadcasts? Drop me a mail: [email protected]
yes, this is created specifically for desktop, 1080p, mouse and keyboard use.
Disclaimers:
This is a show-case of my on-going work using data and video from an IMSA WeatherTech Championship race, namely the 2024 ROLEX 24.
I am not affiliated, just an enthusiast, software developer and fan.
JS required. No guarantees. If you want guarantees, I want payment.
