Button für Seite aktualisieren / "location.reload();" etc

Dashboard/Cards/Frontend
1

Hallo Community,

ich möchte im Dashboard einen Button haben, mit dem ich den Reload der Webseite / des Dashbaords ausführen kann.

Im Prinzip das gleiche was passiert, wenn man an einem anderen Gerät das Dashboard bearbeitet und wenn am dann am unteren Rand auf “AKTUALISIEREN” drücken kann. Oder wenn man das Dashboard bearbeitet, eine Karte hinzufügt und speichert, hier wir auch eine Art Reload ausgeführt.

Ich habe es mit browser_mod versucht, funktioniert aber nicht, da man bei browser_mod.refresh einen Target (Browser-ID) mitgeben muss und diese Funktion dann nur auf einem bestimmten Gerät ausgeführt wird. Ich möchte es aber immer für das Gerät haben, an dem der Button gedrückt wird.

Prinzipiell muss ich nur eine JavaScript-Funktion location.reload(); oder window.location.reload(); per Button ausführen. Ich finde aber keine Möglichkeit dies über einen Kachel oder Button zu tun. Eventuell ist es aber auch einfacher als gedacht und ich habe einen Knoten im Kopf.

Hintergrund: Ich nutze Eufy Security Kameras welche ich über eufy-security-ws, eufy-security und WebRTC in Home Assistant nutzen kann. Man muss hier jedoch den Stream über einen Button starteen und die Webseite neu laden, damit der Stream in der Karte (custom:webrtc-camera) angezeigt wird.

Screenshot 2024-11-08 101840
Screenshot 2024-11-08 101840938×767 336 KB

Klar am Mac oder PC ist ein CMD+R oder F5 schnell gedrückt, aber am iPad oder iPhone ist es schon schwieriger. Ein Pull-to-Refresh im Browser oder der App ist aufgrund der Flächen füllenden Kamerabilder sehr umständlich und erfordert sehr viel Fingerspitzengefühl.

Mit der Karte picture-entity würde es funktionieren, ohne Refresh, hier ist Bildqualität und Geschwindigkeit aber deutlich schlechter als mit der custom:webrtc-camera auch trotz den Verbesserungen mit HAOS 2024.11. Des Weiteren wird das Bild in der Dashboard-Ansicht mit der picture-entity nur alle 10 Sekunden aktualisiert, Live wird es erst beim Klick auf das Kamerabild und der damit verbundenen Detailansicht der Kamera-Entität.

Ich hoffe, ich habe mich verständlich ausgedrückt und jemand von euch hat eine Idee.

Viele Grüße
Nico

2

Muss man nicht, es dauert nur einige Sekunden, bis der Stream geladen ist.

3

Bei mir nicht.

Nach “Start P2P Stream”, habe ich 60 Sekunden gewartet - ohne Erfolg.
Nach “Start P2P Stream”, einem Refresh, dauert es keine 2 Sekunden dann wird das Livebild angezeigt.

Hast du auch die custom:webrtc-camera mit Eufy Kameras, wie sieht die Konfiguration bei dir aus?

Gruß Nico

4 
type: custom:webrtc-camera
entity: camera.xxxx
poster: image.xxxx_event_image
ui: true
shortcuts:
  - name: Play
    icon: mdi:play
    service: camera.turn_on
    service_data:
      entity_id: camera.xxxx
  - name: Stop
    icon: mdi:stop
    service: camera.turn_off
    service_data:
      entity_id: camera.xxxx

So sieht das bei mir aus, der Stream fängt nach 3-4 Sekunden an zu laufen.

5

Danke, aber das funktioniert mit den Eufy Kameras, die ich habe, leider nicht. Es braucht diesen Refresh.

Wäre toll, wenn jemand einen Tipp hätte, wie ich diesen Refresh per Button umsetzen kann. :wink:

Viele Grüße

6

Es funktioniert mit der button-card und auch alternativ mit service-call-tile-feature.

image
image588×594 90 KB

  - type: custom:button-card
    icon: mdi:refresh-circle
    size: 36px
    color: orange
    tap_action:
      action: nothing
      nh210: "[[[ window.location.reload(); ]]]"
    styles:
      card:
        - height: 56px
    grid_options:
      columns: 4
      rows: 1
1 „Gefällt mir“