Zac Gaetano e423bd4bf6 Redesign UI and add color science / video mode controls

- Full UI rewrite: dark tabbed layout (Exposure, Color Science, Color
  Correction, Lens, System) replacing cramped two-panel layout
- Exposure tab: large pill controls for ISO/Shutter/ND/Gain/WB with
  ◀ ▶ nudge buttons, WB presets, AE mode row
- Color Science tab (new): gamma curve selector, color gamut selector,
  quick presets (BRAW Film/Video/Ext.Video/Rec.709), video format
  (codec + frame rate) controls via /system/format
- Color Correction tab: cleaner LGGO rows with per-channel LRGB labels,
  contrast and hue/sat/luma-contribution sliders
- Lens tab: large vertical sliders for Focus/Iris/Zoom with AF button
- System tab: connection, presets, manual API, footer links
- BMDevice.js: added setColorScience(gamut, gamma) and setVideoFormat()
- Always-visible top bar: recording pulse animation, transport controls,
  timecode, format display, camera switcher

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-05-27 21:52:20 -04:00

967 B

Raw Blame History

BM Camera Control WebUI

Product Purpose

A browser-based remote control panel for Blackmagic Design cameras via the official REST API over a local network. Used on set to adjust camera parameters without touching the camera body.

Users

Camera operators: need one-tap access to recording state and exposure controls
DITs (Digital Imaging Technicians): need color science selection, color correction, and format settings
Directors / ACs: need timecode and recording status visible at a glance
All users may be working in dim environments (video village, studio) and on tablets

Register

product

Tone

Clinical and fast. Every control earns its place. No decorative chrome. Quiet when nothing is happening; clear when something requires attention (especially recording state).

Anti-references

Neon SaaS dashboards
Consumer camera apps (bright white, rounded, playful)
Generic Bootstrap-dark or shadcn defaults
Glassmorphism decoration

967 B Raw Blame History