POP UP Benachrichtigung auf dem Dashboard

Automationen
1

Moin in die Runde,

ich bin am überlegen wie ich auf dem DashBoard ein POP UP als Automatisierung umsetzten kann.

Hintergrund ist, dass wenn jemand Klingelt sich auf dem Dashboard ein POP o.ä. öffnen soll mit dem Videostream.

Ich nutzte den FullyKiosk auf einem Tablet.

Hier habe ich auf dem Dashboard auch schon die Kameras drauf.
Wenn man hier auf eine Kamera klickt dann öffnet sich ein neues Fenster mit der Live ansicht.

Dieses Fenster mit der Live ansicht würde mir vollkommen reichen, wenn das in den vordergrund kommt sobald jemand klingelt.

Im Netz habe ich schon viele schöne lösungen gefunden, wie diese hier:
Using iOS actionable notifications to launch alternate app - Mobile Apps - Home Assistant Community

Jedoch brauch ich keine die Benachrichtigung nur auf dem Dashboard und nicht auf dem System vom Tablet selbst.

Hat jemand eine Idee ob und wie man das umsetzten könnte?

Viele Grüße

2

die HACS Erweiterung kann das :

Ich glaube mit BrowserMod kann man sowas auch realisieren

3

Ich habe es eben mit der BUBBLE-Card gelöst. Pop-Up wenn z. B. ein Fenster offen steht.

Meine Versuche mit Browser-Mod waren nicht von Erfolg gekrönt.

So sieht das Popup aus.

2025-01-17 11-21-39

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    icon: mdi:puzzle-outline
    name: "STATUS - Nicht alle Add-Ons laufen "
    hash: "#Add_Ons_DOWN"
    styles: |
      .bubble-icon-container {
        background: #7A0000 !important;
      }
    auto_close: ""
    is_sidebar_hidden: true
    show_attribute: true
    attribute: brightness
    button_type: name
    trigger_close: true
    bg_color: ""
    show_name: true
    show_icon: true
    scrolling_effect: true
    hide_backdrop: true
    show_header: true
    margin_top_mobile: calc(100vh - 274px)
    margin_top_desktop: calc(100vh - 274px)
    trigger:
      - condition: or
        conditions:
          - condition: state
            entity: binary_sensor.cloudflared_lauft
            state: "off"
          - condition: state
            entity: binary_sensor.cloudflared_lauft
            state: "off"
          - condition: state
            entity: binary_sensor.zigbee2mqtt_lauft
            state: "off"
          - condition: state
            entity: binary_sensor.mariadb_running
            state: "off"
  - type: horizontal-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        entity: binary_sensor.cloudflared_lauft
        name: Cloudflared
        icon: mdi:stop-circle-outline
        show_state: true
        show_last_changed: false
        show_attribute: false
        card_layout: large
        sub_button: []
        show_name: true
        styles: |
          .bubble-button-card-container {
          opacity: 1 !important;
          background-color: ${state === 'on' ? '' : '#7A0000'} !important;
          }
          ${icon.setAttribute("icon", hass.states[ entity ].state === 'on' ?
          'mdi:cloud-outline' : 'mdi:cloud-off-outline')}       
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: MariaDB
        icon: mdi:stop-circle-outline
        show_state: true
        entity: binary_sensor.mariadb_running
        show_attribute: false
        styles: |
          .bubble-button-card-container {
          opacity: 1 !important;
          background-color: ${state === 'on' ? '' : '#7A0000'} !important;
          }
          ${icon.setAttribute("icon", hass.states[ entity ].state === 'on' ?
          'mdi:database-check-outline' : 'mdi:database-off-outline')}          
  - type: horizontal-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Mosquitto Broker
        icon: mdi:stop-circle-outline
        show_state: true
        entity: binary_sensor.mosquitto_broker_running
        styles: |
          .bubble-button-card-container {
          opacity: 1 !important;
          background-color: ${state === 'on' ? '' : '#7A0000'} !important;
          }
          ${icon.setAttribute("icon", hass.states[ entity ].state === 'on' ?
          'mdi:database-check-outline' : 'mdi:database-off-outline')}       
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Zigbee 2 MQTT
        icon: mdi:stop-circle-outline
        show_state: true
        entity: binary_sensor.zigbee2mqtt_lauft
        styles: |
          .bubble-button-card-container {
          opacity: 1 !important;
          background-color: ${state === 'on' ? '' : '#7A0000'} !important;
          }
          ${icon.setAttribute("icon", hass.states[ entity ].state === 'on' ?
          'mdi:zigbee' : 'mdi:zigbee')}          
view_layout:
  grid-area: footer2
4

Unabhängig von dem Thema Pop-Up auf dem Tablet. Du kannst natürlich alle möglichen HA Action dafür nutzen. Wenn hier bei mir jemand klingelt erfolgt z.B. eine Sprachnachricht auf meinen Nest Hubs (Displays) und es wird der Live-Stream einer Außenkamera auf den Nest Hub (Display) abgespielt. Zusätzlich klingelt z.B. auch noch mein Fritz!Fon, das ich immer in der Nähe liegen habe falls ich z.B. im Garten bin und die Türklingel ggf. nicht hören sollte. Nur so als Idee(n). :slightly_smiling_face:

VG JIm

5

Genau das habe ich so umgesetzt:
Die Fully Kiosk App auf dem Dashboard.
Wenn’s klingelt (entsprechende Entität vorausgesetzt)
wird über die Kiosk App die Kamera App im Vollbild Modus geöffnet
für x Minuten und danach wieder zurück zur normalen Ansicht.

6

Ich würde gerne nicht die native Kamera APP dazu nutzen, da ich gerne auch die Türe über das POP UP öffnen würde… das mache ich zb. mit Nuki

7

Das klingeln selbst habe ich über SONOS gemacht.

Ich suche nur für mein DashBoard eine Möglichkeit wie ich ein Video Stream abspiele wenn es klingelt. Dabei sollen auch direkt Entitäten mit angezeigt werden wie das öffnen der Türe.

8

OK Du hast ja bereits Vorschläge bekommen was Du machen könntest, bzw. wie und womit andere User das umgesetzt haben.

Vor Jahren hatte ich hier auch mal Wand-Tablets für HA, damals allerdings ohne FullyKiosk. Daher kann ich dazu nichts sagen, aber sollte das was Du möchtest sich nicht ggf. bereits/auch/z.B. mit der HA App realisieren lassen und wie bereits erwähnt per Action. :thinking:

Someone rings your front doorbell. You receive a notification with a live camera stream of the visitor outside along with action buttons to lock or unlock your front door.

Edit: Und die tap_action könnte ggf. auch noch interessant sein.

VG Jim

9

Hallo

Bin ziemlich neu HA und versuche das gleiche zu realesiren Reolink Dorbel mit Vedeostream am Fire HD.
Fully ist instaliert auf Fire HD in HA auch eingebunden nach Simons Video vergegengen ,webRTC Kamera angelegt , wie genau gehe da vor damit das Video angezeigt wird .
Danke für eure Hilfe