A-CAM: An Accessible Cinema-Style Video Monitor InterfaceA-CAM: An Accessible Cinema-Style Video Monitor Interface
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A-CAM: the on-set monitor skin I direct films with AI as a camera, not a generator, so I designed A-CAM as the monitor in video village: the screen you watch a take on while it rolls. Everything comes from a cinema camera's monitor. The REC light moves from STBY to REC, HOLD and CUT as you play and pause. The timecode is frame-accurate SMPTE, and tapping it shows the time remaining. The seek bar is marked like film edge code and has a playhead flag, and the volume control is an LED meter. A slate opens the film and "That's a wrap" closes it, and the take number goes up each time you replay. The monitor menu has working tools: 2.39, 1.85, 4:5 and 9:16 frame lines, plus Log, Mono and ARRI-style false-color views. Accessibility was part of the design from the start. Solid status bars keep text readable over any footage, the amber focus ring has a black halo, touch targets are 44 px, and the layout adapts to the player's own width. Every control works from the keyboard, and G and V switch frame lines and views. With reduced motion turned on, nothing blinks, slides or claps.
Built from scratch on Video.js v10 (@videojs/html 10.3) UI components, with my own markup, CSS and icons, plus one small custom element for the monitor behavior. The film playing is PARIS, my own AI film, hosted on Mux.
Post image
Vansita's avatar
The REC light is a lovely detail.
Shezaan's avatar
🙌
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started