Moin Moin zusammen,
Ich hab mal eine Frage ob die Umsetzung möglich ist.
Ich möchte gerne, wenn meine Reolink Kamera jemanden an der Haustür erkannt hat, das mir das auf dem Tablett als Vollbild angezeigt wird, so lange, bis die Personen wieder weg ist.
Danach soll wieder das normale Dashboard angezeigt werden.
Ist das irgendwie umsetzbar?
Gruß Jörg
Ja, mit Frigate. Da werden auf KI-Basis Entitäten für erkannte Personen (und auch Hunde, Katzen, Regenschirme, Autos etc.) erstellt. Auf der Basis ließe sich eine Karte anzeigen.
Funktioniert problemlos mit der Bubble-Card. Pop-up Auslöser wäre dann die Bewegungsmeldung der reolink bei erkannt. Du kannst also Auslöser auch Person, Tier oder Besucher nehmen.
Pop-up auf 100% Breite des Bildschirmes setzen
type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#klingel"
is_sidebar_hidden: true
width_desktop: 800px
auto_close: 45000
hide_backdrop: false
name: ""
margin_top_desktop: 0px
margin: 7px
trigger_entity: binary_sensor.reolink_video_doorbell_wifi_besucher
trigger_state: "on"
show_name: false
show_icon: false
scrolling_effect: false
- type: custom:webrtc-camera
url: rtsp://192.168.188.85:8554/rtsp_tuer
style: "video {aspect-ratio: 4/3; object-fit: fill;}"
ui: true
poster: https://home-assistant.io/images/cast/splash.png
muted: true
mode: webrtc,webrtc/tcp,mse,hls,mjpeg
media: video,audio
intersection: 0.75
background: true
@Schwippser , vielen Dank.
Leider hab ich noch Probleme bei der Umsetzung. Ich bekomme die Fehlermeldung: doesn’t exist: webtc-camera.
Ich hab die url angepasst, trigger_entity und hash.
Woran kann das liegen?
Danke Gruß Jörg
Hast du das Addon go2rtc installiert und richtig konfiguriert?
Wenn nicht, dann kannst du anstelle der webrtc-card auch die picture-entity Karte nutzen und dort die “fließend-Entität” der Doorbell nutzen.
Ich nutze halt die RTC wegen der geringen Delay’s gegenüber der Reolink Entitäten
Folgenden Code einfach anstelle der web-rtc-card nutzen:
show_state: false
show_name: false
camera_view: live
type: picture-entity
image: https://demo.home-assistant.io/stub_config/bedroom.png
camera_image: camera.reolink_video_doorbell_wifi_fliessend
entity: camera.reolink_video_doorbell_wifi_fliessend
hab jetzt go2rtc installiert. Wie schaut da die Konfiguration aus?
Sorry das ich soviel frage…
Danke Gruß Jörg
Config go2rtc:
streams:
rtsp_tuer: onvif://user:password@192.168.xxx.xxx:8000?subtype=000
User: Benutzername zur reolink
Passwort: zur reolink
IP von deiner reolink
Was hast du in der Config von go2rtc eingetragen?
Das sieht korrekt aus.
Probier mal den Weg mit der picture-entity-card.
Vielleicht reicht das ja aus und das Xelay ist nicht so groß
Darüber bekomme ich das live Bild, aber es ist mir zu klein.
Deshalb wäre es super, wenn bei Bewegung es groß aufpoppt.
Wenn du Card_mod installiert hast, dann einfach folgendes im Code einfügen
card_mod:
style: |
ha-card {
height: 600px !important;
width: 800px !important;
}
Höhe und Breite natürlich anpassen. So wie du es brauchst
@Schwippser , ich finde es schon toll, wenn die Karte aufspringt, wenn eine Person erkannt wird.
In einer 2 Karte hab ich ein Vollbild, vielleicht geht es ja, das die Karte aufspringt.
Ich suche mal weiter, wo mein Problem liegt.
Gruß Jörg
Wallpanel - Dashboard … Überarbeitung für Ansichtstyp “Abschnitte”
Hallo zusammen,
ich habe mein Wallpanel Dashboard an den neuen Ansichtstyp “Abschnitte” angepasst.
So schaut das Ganze dann aus.
Ist der Status einer Entität “on” z. B die Lichtgruppe des Zimmers färbt sich die Kachel hell. Die Kachel der Waschmaschine ändert die Farbe je nach Status (Aus-Dunkel , Wäscht-Hell , Fertig-grün)
In den Kacheln der Zimmer sind oben rechts Icons zu erkennen - das bedeutet, in diesem Zimmer ist das Fenster geöffnet.
Antippen der Kacheln (mit Tap_Action) öffnet Pop-Up’s
Auf der rechten Seite habe ich 3 Radiosender, Volume-Steuerung und Player-Steuerung abgelegt. Tap auf einen Sender spielt diesen ab. Die mittlere “Uhr”-Kachel ändert dann ihren Hintergrund und zeigt das Cover (bei z.b. Spotify) oder das Senderlogo an. Darunter gibts dann noch den Titel und Interpreten.
Auf dem Smartphone möchte ich nicht alle Kacheln. Der Ansichttyp “Abschnitte” bietet über die Option “Sichtbarkeit” die Möglichkeit Ansichten je nach Bildschirmgröße, User usw. zu definieren. Find ich super.
Auf dem Smartphone schaut’s dann so aus.
Vorteil: Bei Änderungen muss ich so nur noch ein Dashboard bearbeiten. Keine Mediaquery-Eingaben mehr … also einfach gut 
Das Dashboard:
dashboard.txt (167,5 KB)
Theme (in den Themes-Ordner kopieren):
gx_dark_blue_cyan.yaml (1,2 KB)
Erweiterungen/Plugins usw:
aus HACS:
Ich hoffe ich habe nichts vergessen.
Wenn doch … einfach fragen 
Tolles Dashboard…
Wie hast du das mit den Mülltonnen umgesetzt?
Hab HA erst seit ca 10 Tagen. Mein erstes Dashboard war das reinste Chaos. Mein zweites ist jetzt, dank dem Video von Simon zu tile cards, eher schlicht und übersichtlich.
Wie hast Du das gelöst?
“Tag-Nacht-Wechsel”
Hast Du da Code für mich?
Die Bilder sehen aus als wenn sie über den ganzen Bildschirm gehen.
Ich habe mir einen Grundriss 2D erstellt. Aber als ich die Bildentität verwendet habe stellte ich fest das diese nur über einen Kartenbreite geht.
Wie hast Du das gemacht das das Bild (in Deinem Fall der 3D Grundriss) über den ganzen Bildschirm (PC oder Notebook vermute ich) geht?
Tag-Nacht-Wechsel: Du erstellst einen Ein/Aus-Schalter
- platform: template
sensors:
day_night_boolean:
friendly_name: 'Tag und Nacht'
value_template: "{{ 0 if is_state('sun.sun','above_horizon') else 1 }}"
und den setzt du dann als Entity in der Graph-Card ein. zB. So:
type: custom:mini-graph-card
name: Temp
hour24: true
decimals: 1
hours_to_show: 24
points_per_hour: 1
line_width: 2
entities:
- entity: sensor.day_night_boolean
color: gray
name: Night
show_legend: false
show_line: false
show_points: false
y_axis: secondary
- entity: sensor.flur_vorn_sensor_temperature
color_thresholds:
- value: 30
color: "#ff0000"
- value: 28
color: "#ff9900"
- value: 25
color: "#00ff00"
- value: 21
color: "#00ff11"
- value: 18
color: "#0088ff"
- value: 16
color: "#0000ff"
show:
average: false
extrema: false
fill: fade
icon: false
name: false
state: false
labels_secondary: false
card_mod:
style: |
ha-card {
border: none;
}