Popup und Gong am Wandpanel bei Klingeln oder Bewegung

Das Ziel

Es klingelt an der Tür. Sofort poppt auf dem Wandpanel das Kamerabild auf, dazu ein Gong. Oder ein Sensor meldet Bewegung, der Bildschirm wacht auf. Das Werkzeug dafür ist browser_mod, eine HACS-Erweiterung, die jeden geöffneten Browser zu einem steuerbaren Ziel macht.

Klingt einfach. Der Popup-Teil ist es auch. Der Ton dagegen zickt aus mehreren Gründen, die alle nichts miteinander zu tun haben. Der Reihe nach.

Wie browser_mod die Sache sieht

browser_mod legt für jeden Browser, der dein Dashboard geöffnet hat, einen media_player an. Über den schickst du Popups und führst JavaScript aus, zum Beispiel um einen Ton abzuspielen. Damit das stabil funktioniert, muss dieser Browser eine feste, wiedererkennbare Identität haben. Genau hier scheitern die meisten.

Falle 1: Der Player ist ständig „unavailable"

Dein Dashboard läuft am Panel, aber der media_player steht auf unavailable. Ursache ist fast immer eine instabile Browser-ID. Die ID liegt im lokalen Speicher des Browsers und hängt an der aufgerufenen Adresse. Öffnet dein Kiosk Home Assistant mal über die IP, mal über homeassistant.local, mal über die Cloud, bekommt der Browser jedes Mal eine andere ID. Die registrierte Entität bleibt tot.

So machst du die Identität fest, direkt am Wand-PC:

1. Das browser_mod-Panel im Menü öffnen.
2. Eine feste Browser ID vergeben, zum Beispiel Wandkiosk.
3. Register einschalten.
4. Sync Browser ID to login session einschalten.
5. Am Kiosk ab jetzt immer dieselbe Adresse aufrufen.

Hinweis: Die Browser ID ist groß- und kleinschreibungssensibel. Gibst du Wandkiosk ein, heißt die Entität daraus media_player.wandkiosk, also klein. Wenn du das Panel später gezielt ansprichst, schreib die ID exakt so, wie du sie vergeben hast.

Falle 2: Nach fünf Minuten Ruhe ist er wieder weg

Ein zweiter Klassiker: Alles läuft, aber nach ein paar Minuten Inaktivität geht der Player auf unavailable. Popup und Ton kommen nicht mehr an. Der Browser schließt die Hintergrund-Verbindung.

Fix im Nutzerprofil von Home Assistant: den Punkt Hintergrund-Verbindungen aussetzen ausschalten. Dann bleibt die Verbindung offen, auch wenn das Panel nur still an der Wand hängt.

Das Popup gezielt setzen

Ein Popup schickst du als Aktion in deiner Automation. Mit browser_id als Liste landet es nur auf dem Panel. Lässt du browser_id weg, poppt es auf allen registrierten Browsern auf, also auch auf Handys und dem Laptop. Für ein Wandpanel willst du gezielt sein:

1action: browser_mod.popup
2data:
3  browser_id:
4    - Wandkiosk
5  title: "Es klingelt!"
6  content:
7    type: picture-entity
8    entity: camera.tuer
9    camera_view: auto

Der Ton, der zäheste Teil

Beim Gong kommen gleich mehrere Hürden zusammen.

Autoplay-Sperre. Browser lassen Ton erst zu, nachdem einmal auf die Seite getippt wurde. Am frischen Kiosk siehst du das an der Eigenschaft audio_interaction_required: true am Player. Einmal aufs Dashboard tippen, dann geht der Ton. Alternativ startest du Edge oder Chrome mit dem Schalter --autoplay-policy=no-user-gesture-required.

Synthetischer Ton reicht nicht. Ein selbst erzeugter Sinuston über WebAudio ist entweder ein kaum hörbares Piepsen, oder er klingt kratzig und metallisch, weil harte Tonanfänge klicken. Man kann das mit weichem Einsatz und weniger Obertönen verbessern. Richtig gut wird es erst mit einer echten Aufnahme.

Die verlässliche Lösung: eine echte MP3 als Daten-URI. Du nimmst einen frei nutzbaren Klingelton, normalisierst ihn laut und bettest ihn direkt in die Aktion ein. Kein externes Hosting, kein Zugriff, der scheitern kann. Abgespielt wird über eine kleine Zeile JavaScript. Mit onended läuft er gleich ein zweites Mal, damit man ihn sicher hört:

1action: browser_mod.javascript
2data:
3  browser_id:
4    - Wandkiosk
5  code: >
6    var s="data:audio/mpeg;base64,<HIER_DEINE_MP3_BASE64>";
7    var a=new Audio(s); a.volume=1;
8    a.onended=function(){ new Audio(s).play(); };
9    a.play();

Den Base64-Block erzeugst du einmal aus deiner MP3 und setzt ihn an die markierte Stelle. Danach hängt der Ton nicht mehr an irgendeinem Server.

Zwei kleine Stolperfallen zum Schluss

• Weißer Bildschirm im browser_mod-Panel. Fast immer der Cache. Ein hartes Neuladen (Strg+F5) hilft. Hat dein Panel keine Tastatur, nimm den Neu-laden-Knopf im Browser.
• Fully Kiosk Browser mit eigener Ton-Engine ist nur für Android. Auf einem Windows-Panel mit Edge steht er nicht zur Verfügung.

Und ganz ehrlich: Wenn der Ton laut und zuverlässig sein muss, etwa damit die Kinder ihn im ganzen Haus hören, ist ein echter Lautsprecher am Panel der bessere Weg als Browser-Audio. Der Browser-Gong ist perfekt fürs Panel selbst, nicht für die ganze Wohnung.

Checkliste

• Feste Browser ID vergeben, Register und Sync an, immer dieselbe Adresse?
• Hintergrund-Verbindungen aussetzen im Profil ausgeschaltet?
• Popup mit browser_id als Liste, damit es nur aufs Panel geht?
• Einmal aufs Dashboard getippt (Autoplay), oder Browser mit passendem Schalter gestartet?
• Gong als echte, laut normalisierte MP3 im Daten-URI, doppelt abgespielt?
• Für den lauten Fall im ganzen Haus: echter Lautsprecher statt Browser-Ton.

Sitzt das, hast du ein Panel, das beim Klingeln von selbst das Türbild zeigt und einen satten Gong abspielt. Was du auslöst, ist dann ganz normale Automations-Arbeit.