Custom Video.js v10 broadcast monitor skin with React, @scope CS by Tianyang ZouCustom Video.js v10 broadcast monitor skin with React, @scope CS by Tianyang Zou

Custom Video.js v10 broadcast monitor skin with React, @scope CS

Portfolio project
Tianyang Zou
Atelier Reference Deck for Video.js v10 — a broadcast reference monitor skin inspired by hardware field monitors and mastering decks. Paired a machined 16px bezel with frosted obsidian glass docks (88% opacity, 18px blur) and Signal Amber (#F59E0B) tally/playhead telemetry so timecodes, storyboard hover previews, and captions maintain crisp AAA readability over both bright and dark footage. Live interactive workbench: https://videojs-studio-deck.vercel.app | Live embed showcase: https://lingma-studio.vercel.app
Atelier Reference Deck for Video.js v10 — a broadcast reference monitor skin inspired by hardware field monitors and mastering decks. Paired a machined 16px bezel with frosted obsidian glass docks (88% opacity, 18px blur) and Signal Amber (#F59E0B) tally/playhead telemetry so timecodes, storyboard hover previews, and captions maintain crisp AAA readability over both bright and dark footage. Live interactive workbench: https://videojs-studio-deck.vercel.app | Live embed showcase: https://lingma-studio.vercel.appAtelier Reference Deck for Video.js v10 — a broadcast reference monitor skin inspired by hardware field monitors and mastering decks. Paired a machined 16px bezel with frosted obsidian glass docks (88% opacity, 18px blur) and Signal Amber (#F59E0B) tally/playhead telemetry so timecodes, storyboard hover previews, and captions maintain crisp AAA readability over both bright and dark footage. Live interactive workbench: https://videojs-studio-deck.vercel.app | Live embed showcase: https://lingma-studio.vercel.app

0 likes · 1 view · Nov 13, 2026

Built Atelier Reference Deck for Video.js v10 — a broadcast reference monitor skin inspired by hardware field monitors and mastering decks. Paired a machined...

Tags