Camera Views (Grid & List)
The Web UI offers flexible views for monitoring camera feeds and inspecting individual channel telemetry.
1. Multi-Camera Grid (CameraGrid)
- Adaptive Layout: Automatically renders video cards in responsive columns (1x1, 2x2, 3x3, 4x4) based on screen width.
- Embedded Live Player: Each card embeds a lightweight live player (WebRTC WHEP by default, HLS fallback) with optional AI bounding box overlay.
- Quick Actions: One-click fullscreen expansion, archive timeline player opening, and camera settings dialogue.
2. Status List View (CameraList)
- Tabular layout displaying camera ID, stream state badge (
online,connecting,degraded,offline,disabled), codec, current bitrate, recording indicator, assigned tags, and folder. - Quick disable/enable toggles directly from the list table.
3. Camera Details Modal (CameraDetailsModal)
Clicking on any camera opens detailed real-time diagnostic telemetry:
- Stream Metrics: Video codec, resolution, framerate (FPS), current bitrate, total frames received, keyframe count, and reconnect count.
- Cellular & SIM Details: SIM phone number, SIM ICCID, monthly traffic limit vs current accumulated bandwidth.
- State History: Historical timestamps and reasons for camera pauses or disable events.