Video.js v10 skin Contra × Mux Skins Challenge

Tapedeck TD‑90

A cassette deck for the web. The seek bar is the tape. Press play and watch it wind from reel to reel.

Deck finish
Tape colour

Sets --media-accent-color

A What it does

  1. A1

    The tape is the timeline

    The seek bar runs through a smoked window between two reels. As the film plays the tape pack winds from one to the other, so progress reads at a glance. A tick marks every tenth, matching the 0–9 keys.

  2. A2

    Turn a reel to scrub

    Grab either reel and turn it: clockwise winds forward, one turn is about a twelfth of the film. The reels also spin twice as fast at 2× and slow down at 0.5×.

  3. A3

    Keys that latch

    Play, mute, captions, fullscreen and picture-in-picture are piano keys that stay down while they're on, with an LED where it helps.

  4. A4

    Counter and cue

    Time reads off counter drums in fixed-width digits. CUE drops a marker on the tape; press it again to wind back, or press it on the mark to clear it.

  5. A5

    The label lists the track

    Chapters show on the cassette label as they play, the way a track list does on a J-card. Settings is a ruled spec sheet; tooltips are embossed label tape.

  6. A6

    Built to be read

    Every control sits on a solid surface, so contrast holds over any footage (6:1 or better for text). Keys grow to 44px on touch, focus is always visible, and with reduced motion the reels stop and nothing slides.

B Keyboard

  • SpaceK Play / pause
  • JL Back / forward 10s
  • ←→ Seek
  • ↑↓ Volume
  • 0–9 Jump to 0–90%
  • M Mute
  • C Captions
  • F Fullscreen
  • I Picture-in-picture
  • <> Speed