Compare commits

..

2 Commits

Author SHA1 Message Date
358c1ab6f9 Merge pull request 'feat(webui): dedicated CAMERAS tab group with live MJPEG viewer (Issue #349)' (#352) from sl-webui/issue-349-camera-viewer into main 2026-03-03 13:44:48 -05:00
93028dc847 feat(webui): add dedicated CAMERAS tab group for camera viewer (Issue #349)
Move camera viewer from TELEMETRY to new CAMERAS tab group (rose color).
Reorganizes tab structure to separate media capture from system telemetry.
CameraViewer.jsx already provides comprehensive MJPEG stream support:
- Multi-camera switching (7 total: front/left/rear/right CSI, D435i RGB/depth, panoramic)
- FPS counter per camera with quality badge (FULL/GOOD/LOW/NO SIGNAL)
- Resolution and camera info display
- Detection overlays (faces, gestures, scene objects)
- Picture-in-picture support (up to 3 pinned cameras)
- Video recording (MP4/WebM) and snapshot capture
- 360° panoramic viewer with mouse drag pan
- Color-coded quality indicators based on FPS

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-03-03 13:27:09 -05:00

View File

@ -112,7 +112,13 @@ const TAB_GROUPS = [
{ id: 'map', label: 'Map', }, { id: 'map', label: 'Map', },
{ id: 'control', label: 'Control', }, { id: 'control', label: 'Control', },
{ id: 'health', label: 'Health', }, { id: 'health', label: 'Health', },
{ id: 'cameras', label: 'Cameras', }, ],
},
{
label: 'CAMERAS',
color: 'text-rose-600',
tabs: [
{ id: 'cameras', label: 'Cameras' },
], ],
}, },
{ {