Skip to content

v1.15.0 - Video-Export der Chase-Cam-Wiedergabe als WebM

Choose a tag to compare

@Xunil99 Xunil99 released this 20 May 13:09

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_speed in der Karten-Config. Default 60× heißt eine 1h-Tour wird ein 1-Minuten-Video. Wer länger sehen will, setzt playback_speed: 30 fü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.