Neues Web-Frontend mit Statusanzeige, Vorschau-Leiste und relativen Links

README.md

@@ -77,13 +77,25 @@ journalctl -u webcam-relay -f
 
 | Pfad | Beschreibung |
 |---|---|
-| `/` | Übersicht aller Kameras |
-| `/<name>/` | Webseite mit Livebild einer Kamera |
+| `/` | Web-Frontend: Übersicht aller Kameras |
+| `/<name>/` | Web-Frontend: große Ansicht einer Kamera, die anderen als Vorschau-Leiste |
+| `/status.json` | Online-Status aller Kameras (wird vom Frontend alle 5 s abgefragt) |
 | `/<name>/stream.mjpg` | Livestream (`multipart/x-mixed-replace`) |
 | `/<name>/snapshot.jpg` | Aktuelles Einzelbild |
 | `/stream.mjpg`, `/snapshot.jpg` | Alias für die erste Kamera (Abwärtskompatibilität) |
 | `/health` | Status aller Kameras (`200` wenn alle liefern, sonst `503`); ohne Authentifizierung erreichbar |
 
+### Web-Frontend
+
+Das Frontend liegt in `frontend.html` (reines HTML/CSS/JS, keine Abhängigkeiten) und wird vom Relay ausgeliefert. Änderungen an der Datei wirken sofort, ohne Neustart.
+
+- Raster mit Live-Streams aller Kameras, Klick auf den Namen öffnet die große Ansicht
+- Statuspunkt und Hinweis „Kamera offline“ pro Kamera, automatisches Neuverbinden
+- Buttons für Foto (Download) und Vollbild
+- Hell/Dunkel passend zum System
+- Streams werden getrennt, solange der Tab im Hintergrund ist
+- Alle Links sind relativ, daher funktioniert es auch unter einem Proxy-Prefix wie `/webcam/`
+
 ### Funktionsweise
 
 - Pro Kamera läuft ein Hintergrund-Thread, der den Stream liest und die JPEG-Frames anhand der Marker `FFD8`/`FFD9` ausschneidet.