Startseite › Benutzerhandbuch › Home Assistant Dashboard
Home Assistant · Schritt für Schritt

Baue ein Home Assistant Projektor-Dashboard in etwa einer Stunde

Die App baut dir beim Synchronisieren schon ein funktionierendes Dashboard - diese Seite ist die Deluxe-Version zum Selberbauen. Zehn Schritte, das YAML jeder Karte und eine komplette Ansicht, die du in einem Rutsch einfügen kannst. Kacheln in Green Glass, eine Live-Anzeige des Bildes, deine Szenen und ein Laserstunden-Diagramm, alles aus einem einzigen Projektorsensor. Ändere zwei Zeichenfolgen, und es gehört dir.

Sync baut eins kostenlos4 HACS-Karten für den LookInfokacheln sofort liveSchaltflächen nach einem Einfügen
Das fertige Projector Pilot Dashboard in Home Assistant: Ein/Aus und Quelle, Farbmodi, das vollständige Bildmenü, HDR und Signal, RGB-Kalibrierung, Objektiv und Geometrie, Wartung mit Laserstunden-Diagramm und Szenen, alles als Green-Glass-Kacheln
Das baust du. Scrolle darin oder klicke zum Vergrößern.
Du willst nur ein funktionierendes Board? Du hast schon eins. Tippe in der App auf Mit HA synchronisieren, und sie baut dir in der Seitenleiste von Home Assistant ein fertiges Projector Pilot Dashboard mit allen Steuerelementen und dem Live-Sensor - keine Karten, kein YAML, kein Einfügen. Siehe Sync baut das Dashboard für dich. Diese Seite ist dafür da, die aufwendigere Green-Glass-Version von Hand zu bauen oder anzupassen, was Sync dir geliefert hat.
Du hast es eilig und willst den eigenen Look? Springe zu Schritt 10, lade die komplette Ansicht herunter, ändere zwei Zeichenfolgen und die drei Szenen-IDs und füge sie ein. Die Schritte dazwischen erklären, was jedes Teil tut, damit du es ändern kannst.

Bevor Sie beginnen

Dieses Dashboard speist sich aus zwei Quellen, und der Unterschied zählt bei jedem der folgenden Schritte.

Kommt vonLiefert
Der Projektorsensor sensor.YOUR_PROJECTORJeder Messwert. Ein/Aus, Eingang, Farbmodus, alle Bildwerte, HDR und Signal, Objektiv und Geometrie, Lampenstunden. Live, sobald du dich anmeldest und synchronisierst, kein Copy-Block nötig.
Die synchronisierten Skripte der App script.projpilot_YOURSERIAL_...Jede Steuerung. Ein/Aus, Eingänge, Farbmodi, Objektivspeicher und deine Szenen. Sie existieren erst, nachdem der Copy-Block eingefügt, Home Assistant neu gestartet und auf Mit HA synchronisieren getippt wurde.
Schritt 1

Vier Karten aus HACS installieren

Alle vier sind im Standard-HACS-Store. In Home Assistant: HACS › Frontend › Explore & Download Repositories, den Namen suchen, Download, dann den Browser neu laden.

Suchen nachVerwendet fürWenn Sie sie weglassen
MushroomJede Infokachel, Steuerschaltfläche und SzenenkachelNehmen Sie eine einfache button-Karte. Funktioniert, sieht eckiger aus.
button-cardDas Hero-Element mit seinem Live-LabelNimm eine entity-Karte oder eine Mushroom-Template-Karte mit weniger Details.
card-modDer Green-Glass-Hintergrund, Rahmen und FarbverläufeAlles funktioniert weiterhin. Nur das Leuchten fehlt.
mini-graph-cardDer Laserstunden-Verlauf unter WartungNehmen Sie die integrierte history-graph-Karte.
Keine davon ist nötig, damit es funktioniert. Jede Steuerung unten läuft über eine normale Home Assistant Button-Karte, die auf dasselbe Skript zeigt. Die Custom-Karten sind der Green-Glass-Look, nicht die Technik darunter.
Schritt 2

Entity-ID und Seriennummer finden

Jedes Snippet auf dieser Seite verwendet zwei Platzhalter. Finden Sie Ihre einmal, den Rest erledigen Sie per Copy and Paste.

Du kannst auch Entwicklerwerkzeuge › Zustände nach projpilot filtern, um deine ganze synchronisierte Steuerungsliste auf einmal zu sehen, sobald Copy-Block und Sync aus Schritt 1 erledigt sind.

Noch keine Skriptliste? Das ist normal, bevor du den Copy-Block eingefügt hast. Der Sensor existiert trotzdem und aktualisiert sich; die Skripte erscheinen erst, nachdem Mit HA synchronisieren erfolgreich gelaufen ist.
Schritt 3

Die Ansicht erstellen

  1. Einstellungen › Dashboards › Dashboard hinzufügen › Neues Dashboard von Grund auf. Nenne es Projector Pilot.
  2. Öffne es und klicke oben rechts auf das Stiftsymbol zum Bearbeiten.
  3. Füge eine Ansicht hinzu. Beide Layouts funktionieren; das echte Board nutzt den Standard-Stapel aus Karten untereinander, in den sich am einfachsten einfügen lässt.
  4. Zum Einfügen von YAML nutze das Dreipunktmenü einer Karte und wähle In YAML bearbeiten, oder das Dreipunktmenü des Dashboards für den Rohkonfigurations-Editor, um eine ganze Ansicht auf einmal einzufügen.

Die Einstellungen der Ansicht selbst, falls du sie lieber tippst:

title: Projector Pilot
views:
- title: Projector Pilot
  path: projector-pilot
  icon: mdi:projector
  cards: []
Schritt 4

Eine Live-Infokachel hinzufügen

Beginne mit etwas, das nur liest, damit du weißt, dass deine Entity-ID stimmt, bevor du etwas anfasst, das Befehle sendet. Diese Kachel ist live, sobald dein Projektorsensor existiert, ohne Copy-Block und ohne Sync. Füge eine Karte hinzu, wähle In YAML bearbeiten und füge ein:

type: custom:mushroom-template-card
primary: Brightness
secondary: '{{ state_attr(''sensor.YOUR_PROJECTOR'',''brightness'') }}'
icon: mdi:brightness-6
icon_color: green
layout: vertical
fill_container: true
card_mod:
  style: 'ha-card { background: rgba(18,26,20,0.60); border: 1px solid rgba(61,220,107,0.20);
    border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32); backdrop-filter: blur(8px);
    min-height: 104px; }'

Dieselbe Form liest jedes der rund 80 Attribute des Sensors: Ersetze brightness durch contrast, gamma, color_temp, hdr_pq, lamp_hours oder was auch immer auf der Kachel stehen soll.

Speichere sie. Erscheint eine echte Zahl oder ein Wort, stimmt deine Entity-ID und alles Folgende funktioniert. Bleibt sie leer, geh zurück zu Schritt 2.

Schritt 5

Eine grüne Abschnittsüberschrift hinzufügen

Ein schlichter Titel ist toter Raum. Das hier ist eine markdown-Karte mit einem Farbverlauf als Hintergrund aus card-mod, und sie macht aus einem Stapel Kacheln benannte Abschnitte. Jeder Abschnitt auf dem Board beginnt mit so einer Karte, nur mit anderem Label und Emoji.

type: markdown
content: '🔌    **POWER & SOURCE**'
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.30), rgba(16,120,60,0.30));
    border: 1px solid rgba(61,220,107,0.45); border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.3); }
    ha-markdown { padding: 12px 20px !important; } ha-markdown p { margin: 0 !important;
    letter-spacing: 3px; color: #eafff0; font-size: 14px; font-weight: 700; }'

Ändere den Emoji-Code und den Label-Text; der card-mod-Block ist in jedem Abschnitt identisch.

Schritt 6

Eine Steuerschaltfläche hinzufügen

Diese sendet einen Befehl, statt nur einen Wert zu lesen, daher müssen die Skripte zuerst existieren. Sie ruft script.projpilot_YOURSERIAL_power_on auf, das die App erst schreibt, nachdem du ihren Copy-Block in configuration.yaml eingefügt, Home Assistant neu gestartet und auf Mit HA synchronisieren getippt hast.

type: custom:mushroom-template-card
primary: Power On
icon: mdi:power
icon_color: green
layout: vertical
fill_container: true
tap_action:
  action: call-service
  service: script.projpilot_YOURSERIAL_power_on
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.16), rgba(16,90,46,0.20));
    border: 1px solid rgba(61,220,107,0.34); border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32);
    min-height: 92px; }'

Dieselbe Karte gilt für Ausschalten, Bild aus, HDMI 1, HDMI 2, A/V-Stummschaltung, einen Farbmodus oder einen Objektivspeicher: Nur Label, Symbol und service ändern sich.

Sieht richtig aus, aber beim Tippen passiert nichts? Dann ist der Copy-Block entweder nicht eingefügt oder Home Assistant wurde seitdem nicht neu gestartet. Führe Verbindung testen in der App aus, das genau das prüft, bevor du annimmst, dass das Dashboard falsch ist.
Schritt 7

Das Hero-Element hinzufügen

Das Hero-Element oben auf dem Board ist eine button-card: ein großer Betriebszustand, eine einzeilige Zusammenfassung aus mehreren Attributen zugleich und die Green-Glass-Optik auf der ganzen Karte statt nur am Rahmen.

type: custom:button-card
entity: sensor.YOUR_PROJECTOR
name: Epson QB1000
show_state: true
show_label: true
size: 48px
state_display: '[[[ return entity.state==''on'' ? ''Powered on'' : ''Standby''; ]]]'
label: '[[[ var a=entity.attributes; return (a.input||''-'')+''  •  ''+(a.color_mode||''-'')+
  ''  •  ''+(a.video_range||''-'')+''  •  ''+(a.lamp_hours||0)+''  h''; ]]]'
styles:
  card:
  - height: 176px
  - background: linear-gradient(135deg, rgba(61,220,107,0.32), rgba(11,64,34,0.6))
  - border: 1px solid rgba(61,220,107,0.5)
  - border-radius: 22px
  - box-shadow: 0 12px 36px rgba(0,0,0,0.42)
  - padding: 20px
  state:
  - color: '[[[ return entity.state==''on'' ? ''#3ddc6b'' : ''#8a9'' ]]]'

Gekürzt auf die Teile, die sich je Installation ändern. Die vollständige Karte setzt auch Symbol, Name und Label-Rasterpositionen; alles davon findest du im Download in Schritt 10.

Lieber ein schlankerer Streifen? Eine mushroom-chips-card erledigt dieselbe Aufgabe in einer Reihe kleiner Chips: Betriebszustand, Eingang, Farbmodus, Videobereich und Lampenstunden, jeweils ein Template, das state_attr('sensor.YOUR_PROJECTOR', ...) liest. Nimm oben auf dem Board das eine oder das andere, nicht beides.

Schritt 8

Ihre Szenen hinzufügen

Jede Szene, die du in der App speicherst, wird nach der Synchronisierung zu einem Skript namens script.projpilot_YOURSERIAL_scene_<id>, und eine Kachel dafür ist dieselbe Steuerschaltflächen-Karte aus Schritt 6 mit einem Szenennamen und Symbol.

type: custom:mushroom-template-card
primary: Movie Night
icon: mdi:movie-open
icon_color: green
layout: vertical
fill_container: true
tap_action:
  action: call-service
  service: script.projpilot_YOURSERIAL_scene_YOURSCENE1
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.16), rgba(16,90,46,0.20));
    border: 1px solid rgba(61,220,107,0.34); border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32);
    min-height: 92px; }'

Ersetze YOURSCENE1 durch die ID, die in der synchronisierten Steuerungsliste der App für diese Szene angezeigt wird. Eine Kachel pro Szene, in einer horizontal-stack.

Schritt 9

Laserstunden-Verlauf hinzufügen

Der Projektorsensor wird von Home Assistant wie jeder andere aufgezeichnet, also hat lamp_hours kostenlos einen Verlauf. Keine zusätzlichen Sensoren, keine Helfer, nichts vorher zu konfigurieren, im Abschnitt Wartung.

type: custom:mini-graph-card
entities:
- entity: sensor.YOUR_PROJECTOR
  attribute: lamp_hours
  name: Laser hours
name: Laser hours
icon: mdi:lightbulb-on-outline
line_color: '#3ddc6b'
line_width: 4
hours_to_show: 336
points_per_hour: 0.5
height: 96
animate: true
card_mod:
  style: 'ha-card { background: rgba(18,26,20,0.60); border: 1px solid rgba(61,220,107,0.20);
    border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32); backdrop-filter: blur(8px); }'

336 Stunden sind zwei Wochen. Laser- und Lampenstunden steigen gleichmäßig, statt herumzuspringen, deshalb reicht ein Zeitfenster von zwei Wochen meist, um den Trend zu sehen, ohne dass das Diagramm flach wirkt.

Schritt 10

Oder nehmen Sie das Ganze

Die komplette Ansicht, jeder Abschnitt und jede Karte aus dem Screenshot oben auf dieser Seite, mit Platzhaltern statt Entity-IDs.

  1. Ansichts-YAML herunterladen.
  2. Öffne sie in einem beliebigen Texteditor und ersetze überall, wo sie vorkommen: YOUR_PROJECTOR durch die Entity-ID deines Projektorsensors aus Schritt 2 und YOURSERIAL durch deine von der Seriennummer abgeleitete ID aus Schritt 2.
  3. Ersetze im Abschnitt Szenen weiter unten YOURSCENE1, YOURSCENE2 und YOURSCENE3 durch deine eigenen drei Szenen-IDs, oder füge Kacheln hinzu und entferne welche, passend zur Anzahl deiner Szenen.
  4. Öffne in Home Assistant dein Dashboard, das Stiftsymbol, das Dreipunktmenü, Rohkonfigurations-Editor, und füge sie als Ansicht ein.
Namen und Anzahl deiner Szenen werden nicht passen. Die Datei enthält drei Beispielszenen: Filmabend, Gaming, Sporttag. Benenne die Kacheln um, verweise sie auf deine eigenen Szenen-IDs und füge Kacheln hinzu oder lösche welche, bis der Abschnitt zu der Anzahl deiner gespeicherten Szenen passt.
Infokacheln funktionieren direkt nach dem Einfügen. Sie brauchen nur, dass der Sensor existiert. Steuer- und Szenenschaltflächen bleiben tot, bis der Copy-Block in configuration.yaml eingefügt, Home Assistant neu gestartet und auf Mit HA synchronisieren getippt wurde.

Fehlerbehebung

Eine Kachel zeigt Unbekannt

Prüfe den Attributnamen gegen das, was der Sensor tatsächlich liefert: Entwicklerwerkzeuge › Zustände, deine Entity sensor.YOUR_PROJECTOR, und lies die Attributliste. Einige Werte, etwa HDR PQ oder HDR HLG, werden nur befüllt, solange der Projektor gerade diese Art Signal empfängt, daher kann Unbekannt bei diesen beiden korrekt statt defekt sein. Wirkt der ganze Sensor dünn belegt, weck den Projektor auf: Ein Gerät im Standby veröffentlicht sehr wenig.

Eine Schaltfläche tut nichts

Du hast den Copy-Block noch nicht eingefügt, oder Home Assistant wurde seitdem nicht neu gestartet. Steuer- und Szenenschaltflächen rufen Skripte auf, die die App schreibt, und diese Skripte existieren erst, wenn in der App unter Einstellungen › Hausautomation › Home Assistant der Copy-Block in configuration.yaml eingefügt, Home Assistant einmal neu gestartet und Mit HA synchronisieren getippt wurde. Führe zuerst Verbindung testen in der App aus - es sagt dir, ob der Block vorhanden ist, bevor du nach einem Dashboard-Fehler suchst.

Die erwarteten Skripte fehlen unter Entwicklerwerkzeuge › Zustände

Filtere nach projpilot statt nach der vollständigen Seriennummer - so siehst du die ganze Liste leichter. Fehlt eine Steuerung oder Szene, die du kürzlich hinzugefügt hast, tippe erneut auf Mit HA synchronisieren; es aktualisiert an Ort und Stelle, statt eine neue Einrichtung zu verlangen. Wenn alte, tote Skripte die Liste zumüllen, nachdem du eine Szene gelöscht hast, nutze in der App Verwaiste Skripte entfernen.

Meine Entity-ID sieht anders aus als die in dieser Anleitung

Das Muster ist fest, der mittlere Teil nicht. Dein Sensor ist nach dem Modell deines eigenen Projektors benannt, und jedes Skript trägt die Seriennummer deines eigenen Projektors, nicht die Platzhalter auf dieser Seite. Hole beides wie in Schritt 2 aus Entwicklerwerkzeuge › Zustände und vom Home Assistant Bildschirm der App und verwende diese statt des Beispieltexts.

Dein ganzer Projektor, auf einer Wand

Hausautomation ist ein einmaliges Add-on. Kein Abo, kein Konto, keine Cloud. Ein Kauf schaltet es auf jeder Plattform frei, die du besitzt.

Google Play - jetzt verfügbar App Store - wartet auf Freigabe Microsoft Store - wartet auf Freigabe Mac App Store - wartet auf Freigabe

Zurück zur Hausautomation → · Vollständiges Benutzerhandbuch →

FAQ

Kurze Antworten

Muss ich dieses Dashboard von Hand bauen?

Nein. Wenn du in der App auf Mit HA synchronisieren tippst, baut sie direkt in Home Assistant ein fertiges Projector Pilot Dashboard für dich - mit dem Live-Projektorsensor und einer Schaltfläche für jedes Steuerelement und jede Szene - und es erscheint als Projector Pilot in deiner Seitenleiste. Diese Seite ist dafür da, die aufwendigere Green-Glass-Version von Hand zu bauen oder anzupassen, was Sync erstellt hat.

Brauche ich dafür eigene Karten aus HACS?

Für den Look aus dem Screenshot ja: Mushroom, button-card, card-mod und mini-graph-card. Keine davon ist nötig, damit die eigentlichen Steuerelemente funktionieren - jede Schaltfläche ist ein einfacher Skriptaufruf, und die Custom-Karten sind nur das Styling obendrauf.

Warum zeigen die Infokacheln einen Wert, aber die Schaltflächen tun nichts?

Der Projektorsensor veröffentlicht seine Messwerte, sobald du dich in der App anmeldest und synchronisierst, deshalb sind die Infokacheln sofort live. Die Schaltflächen für Steuerung und Szenen rufen Skripte auf, die in Home Assistant erst existieren, nachdem du den Copy-Block der App in configuration.yaml eingefügt, Home Assistant neu gestartet und einmal auf Mit HA synchronisieren getippt hast.

Stimmen meine Entity-IDs mit denen in dieser Anleitung überein?

Das Muster ja, die genauen Zeichen nein. Dein Projektorsensor ist nach dem Modell deines Projektors benannt, und jedes Skript ist nach der Seriennummer deines Projektors benannt. Überall, wo diese Seite YOUR_PROJECTOR schreibt, setzt du die Entity-ID deines eigenen Sensors ein; überall, wo YOURSERIAL steht, die von der Seriennummer abgeleitete ID, die auf dem Home Assistant Bildschirm der App angezeigt wird.