LINE 10: every control is a sign.

The first films were phantom rides. Someone bolted a camera to the front of a streetcar and let it roll. So I built a Video.js v10 skin like the line they rode.

The seek bar is the line diagram and chapters are stations. Hover it and you get a station sign with a preview frame. The clock is a split-flap board where only the changed digits flip. An LED strip tells you what the player is doing: Ready to depart, In service, Holding at platform, Quiet carriage when muted. The destination blind reads "towards Ferry Building" from the last chapter, so you know where the video ends before you press play. [ and ] jump between stops.

Why transit signs? They're read at a glance by everyone, in any light, while things move behind them. That's the job of player controls too, so accessibility is the idea, not an afterthought: one focus ring that shows over any frame, solid plates with strong contrast, full keyboard use, calmer motion on request, and six languages including Arabic with mirrored controls.

The demo is A Trip Down Market Street (1906) with an original piano score, hosted on Mux. Source: https://github.com/haruu99/line-10

Great work

tilt animation