Neu: Tour-Wiedergabe als Video herunterladen
Die 3D-Karte bekommt einen Aufnahme-Knopf rechts neben dem Zeit-Slider. Klick darauf, die Karte startet die Tour-Wiedergabe vom Anfang und nimmt parallel den Karten-Inhalt als WebM-Video auf. Sobald die Tour durchgelaufen ist, schiebt der Browser die Datei in den Standard-Download-Ordner.
Komplett im Browser via canvas.captureStream() und MediaRecorder. Der HA-Server hat damit nichts zu tun, kein zusätzliches Backend, kein Upload, keine externe API. Die Datei landet direkt auf Deinem Rechner/Tablet.
Visuelle Indikatoren
- Aufnahme-Button mit "Record-Circle"-Icon, neben dem Slider-End-Label
- Während der Aufnahme wechselt er auf "Stop" und färbt sich rot
- Im Overlay oben taucht zusätzlich ein blinkendes "Aufnahme läuft…"-Chip auf, damit es nicht unbemerkt mitläuft
Dateigröße und Format
| Tour-Dauer (echt) | Wiedergabezeit @ 60× | Datei-Größe (geschätzt) |
|---|---|---|
| 30 Min | 30 Sek | 10-15 MB |
| 1 h | 1 Min | 20-30 MB |
| 2 h | 2 Min | 40-60 MB |
| 3 h | 3 Min | 60-90 MB |
Format: .webm mit VP9-Codec (falls vom Browser unterstützt, sonst VP8). Bitrate ca. 4 Mbps. Wird in Chrome, Edge, Firefox direkt abgespielt. macOS-QuickTime spielt WebM erst ab macOS 14 ab, auf älteren Systemen via VLC oder ffmpeg-Konvertierung zu MP4.
Browser-Kompatibilität
| Browser | Aufnahme |
|---|---|
| Chrome / Edge (alle aktuellen) | voll unterstützt |
| Firefox (alle aktuellen) | voll unterstützt |
| Safari ab 14.1 (macOS) | unterstützt |
| Safari ab 14.5 (iOS) | unterstützt |
| Mobile-Browser allgemein | ja, sofern MediaRecorder vorhanden |
Falls der Browser MediaRecorder oder canvas.captureStream() nicht hat, ist der Aufnahme-Button ausgegraut mit Tooltip "Aufnahme in diesem Browser nicht unterstützt". Sehr seltener Edge-Case bei modernen Browsern.
Was im Video drin ist
Exakt das, was Du auch live siehst:
- 3D-Map mit Gebäude-Extrusionen
- Cast-Shadows der Gebäude (sonnenstandsabhängig)
- GPS-Track
- Bike-Marker
- Zeit- und Sonnen-Chip im Overlay
- Slider, Stats, Steuerleiste
Kein Ton.
Performance
Auf modernen Geräten (M1+ MacBook, iPhone 12+, Android-Flaggschiffe ab 2021) sollte die Aufnahme das Playback nicht spürbar verlangsamen. Auf älteren Geräten kann es zu leichten Frame-Drops kommen, das Video bleibt aber valide.
Tipps
- Slider-Position vor dem Klick: Egal, die Aufnahme setzt automatisch auf 0 zurück und spielt die komplette Tour ab.
- Aufnahme abbrechen: Stop-Button drücken, die bis dahin aufgezeichneten Frames werden als (kürzere) Datei heruntergeladen.
- Wiedergabegeschwindigkeit: Über
playback_speedin der Karten-Config. Default 60× heißt eine 1h-Tour wird ein 1-Minuten-Video. Wer länger sehen will, setztplayback_speed: 30für ein 2-Minuten-Video. - Dateiname: enthält Tour-Titel (sanitiert) und Datum, z. B.
feierabendrunde-2026-04-15-17-30.webm.
Nach dem Update
HACS-Update auf 1.15.0, HA-Neustart, Browser-Hard-Reload. Tour öffnen, Aufnahme-Button rechts neben dem Slider testen.