A skin for Video.js v10
Every play is a take.
Slate turns the player into a film-set clapperboard, and the board is the remote: clap the sticks to roll, the SCENE cell cuts between chapters, and FPS changes speed in camera terms.
Try it: clap the sticks, click SCENE to cut to the next template, then click FPS to overcrank.
Call sheet Design notes
-
Sc. 01
The opening slate
Before the first play, a full clapperboard sits on the poster. Hit play: the stick claps, one soft sync flash fires, and the card drops out of frame.
-
Sc. 02
Clap to roll
The sticks are a control. Click them shut to roll the take, with a real clap, and lift them to cut. They hinge at the left and lift a little further when you hover, inviting the clap.
-
Sc. 03
Scene is the chapter
The SCENE cell follows the chapters track: Scene 04, Unformed. Click it to cut to the next scene, Shift-click for the last, or use the arrow keys while it’s focused.
-
Sc. 04
FPS is the speed
Speed in camera terms. Slow motion is shot overcranked, so at 0.5× the slate reads 48 fps · Overcrank, and at 2× it reads 12 fps · Undercrank. Click to change speed.
-
Sc. 05
A board, not a bar
Controls live on a solid ink slate with chalk type, so they read over bright skies and dark interiors alike. The timeline is a film strip, with chapters as separate shots and an editor’s flagged playhead.
-
Sc. 06
Set details
HH:MM:SS:FF timecode that counts frames smoothly, a REC/STBY tally light, SOUND that reads MOS when muted, a TAKE counter that ticks with every replay, and a closing “That’s a wrap!”.
Safety brief Made for everyone
- Every control reachable by keyboard, in visual order, with a visible yellow focus ring.
- Opaque surfaces keep text and icons legible over any footage.
- Touch targets grow on phones; layouts adapt from wide screens to 340px portrait.
- Reduced motion turns off the clap, the flash, and the tally blink.
- Forced-colors mode falls back to system colors.
Cue cards Keyboard
- Space K
- Play / pause
- ← →
- Seek
- ↑ ↓
- Volume
- M
- Mute
- F
- Fullscreen
- C
- Captions
- 0–9
- Jump to 0–90%
- On SCENE: ← →
- Previous / next scene