An industrial-grade, web-based Camera Control Studio & Diagnostic GUI for machine-vision cameras (Hikrobot, Basler, Allied Vision, Virtual Simulator).
Built with React + Vite + TypeScript with dark-mode industrial aesthetics, high-performance canvas streaming, interactive ROI selection, real-time exposure/gain tuning, and integrated AI defect inspection.
- Multi-Device Support: Connect to physical GigE/USB3 cameras or launch built-in virtual test feeds (Color Bars, Checkerboard, Noise, QC Defect Part).
- Interactive Viewport:
- Live canvas stream with real-time FPS counter and render latency.
- Interactive Region of Interest (ROI) box with coordinates and dimension display.
- Alignment crosshairs, rule of thirds, and pixel grid overlay.
- Color map filters (Normal, Grayscale, Inverted, High-Contrast Edge).
- Optics & Acquisition Controls:
- Precision sliders for Exposure Time (100 μs to 100,000 μs) and Gain (0 dB to 24 dB).
- Continuous, Software Trigger, and Hardware Trigger modes.
- Format selection (Mono8, RGB8, Bayer).
- AI Quality-Control Diagnostics:
- Real-time PASS / FAIL badge display.
- AI confidence scoring and automated defect bounding box overlay.
- Latency breakdown (acquisition vs AI inference).
- Snapshot & Export:
- Instant PNG capture with embedded inspection metadata.
- Stream recording simulator and hardware packet statistics (GigE Vision diagnostics).
npm installnpm run devOpen your browser at http://localhost:3000.
npm run buildGenerates production-ready, minified HTML/JS/CSS assets in the dist/ directory.
dynamic-camera-studio connects to the Dynamic Industrial suite:
dynamic-machinevision— Unified Python camera driver.dynamic-hikrobot— Hikrobot camera SDK.dynamic-inspection— QC vision inspection engine.dynamic-camera-mcp— MCP server for AI agents.
MIT License — Copyright (c) 2026 Dynamic Industrial Power.