Tuesday's interview, captioned
Every frame is drawn by code from one timeline, voiced by Voice a script. It plays as a film here and records to the MP4 below. Switch to Tour and the same timeline stops at each press and waits for yours.
Film plays straight through and presses for you, exactly as the recording does.
Events
What the tour tells the page, and what the page tells the tour.
The film
The same timeline, stepped frame by frame in headless Chrome: 1920 × 1080, 30 frames a second.
How it is made
VoiceThe script went to Voice a script, which gave back one take and the time of every word.
ScenesScrub's screens, redrawn in HTML for the film. Every element is a function of time, pinned to the words it belongs to.
TourThe page plays the timeline against the voice and stops where a person would press.
FilmHeadless Chrome steps the same timeline one frame at a time; ffmpeg adds the voice and music under it.