Hjem › Brukerveiledning › Home Assistant-dashbord
Home Assistant · steg for steg

Bygg et Home Assistant-prosjektordashbord på omtrent en time

Appen bygger allerede et fungerende dashbord for deg når du synkroniserer - denne siden er deluxe-versjonen, bygget for hånd. Ti steg, YAML for hvert kort og en komplett visning du kan lime inn i ett jafs. Grønne glassbrikker, en levende bildeavlesning, scenene dine og en graf over lasertimer, alt fra én prosjektorsensor. Bytt to tekststrenger, så er det ditt.

Synk bygger ett gratis4 HACS-kort for utseendetInfobrikker levende med en gangKnapper etter én innliming
Det ferdige Projector Pilot-dashbordet i Home Assistant: strøm og kilde, fargemodi, hele bildemenyen, HDR og signal, RGB-kalibrering, objektiv og geometri, vedlikehold med en graf over lasertimer, og scener, alt som grønne glassbrikker
Dette er det du bygger. Rull i det, eller klikk for å forstørre.
Vil du bare ha et fungerende dashbord? Du har allerede ett. Trykk på Synk med HA i appen, så bygger den et ferdig Projector Pilot-dashbord for deg, i Home Assistant-sidefeltet, med alle kontroller og sanntidssensoren - ingen kort, ingen YAML, ingen innliming. Se Synk bygger dashbordet for deg. Denne siden er for å bygge den rikere grønnglass-versjonen for hånd, eller tilpasse det Synk ga deg.
Har du det travelt med det egendefinerte utseendet? Hopp til steg 10, last ned den komplette visningen, bytt to tekststrenger og de tre scene-ID-ene, og lim den inn. Stegene imellom forklarer hva hver del gjør, så du kan endre den.

Før du begynner

To ting mater dette dashbordet, og forskjellen har betydning i hvert eneste steg nedenfor.

Kommer fraGir deg
Prosjektorsensoren, sensor.YOUR_PROJECTORHver måling. Strøm, inngang, fargemodus, alle bildeverdiene, HDR og signal, objektiv og geometri, lampetimer. Levende så snart du logger inn og synkroniserer, ingen Kopier blokk nødvendig.
Appens synkroniserte skript, script.projpilot_YOURSERIAL_...Hver kontroll. Strøm, innganger, fargemodi, objektivminner og scenene dine. Disse finnes først etter at Kopier blokk er limt inn, Home Assistant er startet på nytt og du har trykket på Synk med HA.
Steg 1

Installer fire kort fra HACS

Alle fire finnes i standard HACS-butikken. I Home Assistant: HACS › Frontend › Explore & Download Repositories, søk etter navnet, trykk Download, og last deretter nettleseren på nytt.

Søk etterBrukes tilHvis du hopper over det
MushroomHver infobrikke, kontrollknapp og scenebrikkeBruk et vanlig button-kort. Fungerer, men ser mer kantete ut.
button-cardHovedkortet, med sin levende etikettBruk et entity-kort, eller et Mushroom-malkort med mindre detaljer.
card-modDen grønne glassbakgrunnen, kantene og gradienteneAlt fungerer fortsatt. Ingenting får gløden sin.
mini-graph-cardHistorikken over lasertimer under VedlikeholdBruk det innebygde history-graph-kortet.
Ingen av dem er nødvendige for at det skal fungere. Hver kontroll nedenfor kjører fra et standard Home Assistant-knappekort som peker på samme skript. De egendefinerte kortene er det grønne glassutseendet, ikke rørleggerarbeidet.
Steg 2

Finn entity-ID-en og serienummeret ditt

Hvert utdrag på denne siden bruker to plassholdere. Finn dine én gang, så er resten kopier og lim inn.

Du kan også filtrere Developer Tools › States på projpilot for å se hele listen over synkroniserte kontroller på én gang, når Kopier blokk og Synk fra steg 1 er gjort.

Ingen skriptliste ennå? Det er forventet før du har limt inn Kopier blokk. Sensoren finnes fortsatt og oppdateres fortsatt; skriptene dukker først opp etter at Synk med HA har kjørt vellykket.
Steg 3

Opprett visningen

  1. Innstillinger › Dashbord › Legg til dashbord › Nytt dashbord fra bunnen av. Kall det Projector Pilot.
  2. Åpne det, og trykk på blyantikonet øverst til høyre for å redigere.
  3. Legg til en visning. Begge oppsettene fungerer; det ekte dashbordet bruker standardstabelen av kort, ett under det andre, som er det enkleste å lime inn i.
  4. For å lime inn YAML bruker du tre-prikkers-menyen på et kort og velger Rediger i YAML, eller tre-prikkers-menyen på dashbordet for Rå konfigurasjonsredigering for å lime inn en hel visning på én gang.

Visningens egne innstillinger, hvis du foretrekker å skrive dem selv:

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

Legg til en levende infobrikke

Start med noe som bare leser, så du vet at entity-ID-en er riktig før du rører noe som sender en kommando. Denne er levende i det øyeblikket prosjektorsensoren finnes, uten Kopier blokk og uten synk. Legg til et kort, Rediger i YAML, lim inn:

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; }'

Samme form leser alle de omtrent 80 attributtene sensoren har: bytt brightness med contrast, gamma, color_temp, hdr_pq, lamp_hours, hva du enn vil ha på brikken.

Lagre det. Hvis et ekte tall eller ord dukker opp, er entity-ID-en riktig og alt nedenfor vil fungere. Hvis det vises tomt, gå tilbake til steg 2.

Steg 5

Legg til en grønn seksjonsoverskrift

En vanlig tittel er bortkastet plass. Dette er et markdown-kort med gradientbakgrunn fra card-mod, og det er det som gjør en stabel brikker til navngitte seksjoner. Hver seksjon på dashbordet åpner med ett av disse, bare med en annen etikett og 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; }'

Endre emoji-koden og etiketteksten; card-mod-blokken er identisk i hver seksjon.

Steg 6

Legg til en kontrollknapp

Denne sender en kommando i stedet for bare å lese en verdi, så skriptene må finnes først. Den kaller script.projpilot_YOURSERIAL_power_on, som appen bare skriver etter at du har limt Kopier blokk inn i configuration.yaml, startet Home Assistant på nytt og trykket på Synk med HA.

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; }'

Samme kort for Slå av, Skjermblanking, HDMI 1, HDMI 2, A/V-demping, en fargemodus eller et objektivminne: bare etiketten, ikonet og service endres.

Ser det riktig ut, men ingenting skjer når du trykker? Da er Kopier blokk enten ikke limt inn, eller Home Assistant er ikke startet på nytt siden. Kjør Test tilkobling i appen, som sjekker akkurat det, før du antar at dashbordet er feil.
Steg 7

Legg til hovedkortet

Hovedkortet øverst på dashbordet er et button-card: en stor strømtilstand, en enlinjes oppsummering bygget av flere attributter samtidig, og grønnglass-behandlingen på hele kortet, ikke bare kanten.

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'' ]]]'

Beskåret til delene som endrer seg per installasjon. Hele kortet setter også ikon, navn og etikettenes rutenettposisjoner; se nedlastingen i steg 10 for alt sammen.

Foretrekker du en slankere stripe? Et mushroom-chips-card gjør samme jobb i én rad med små brikker: strømtilstand, inngang, fargemodus, videoområde og lampetimer, hver en mal som leser state_attr('sensor.YOUR_PROJECTOR', ...). Bruk det ene eller det andre, ikke begge, øverst på dashbordet.

Steg 8

Legg til scenene dine

Hver scene du lagrer i appen blir et skript med navnet script.projpilot_YOURSERIAL_scene_<id> når du synkroniserer, og en brikke for en scene er det samme kontrollknappkortet fra steg 6 med et scenenavn og et ikon.

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; }'

Erstatt YOURSCENE1 med ID-en som vises for den scenen i appens liste over synkroniserte kontroller. Én brikke per scene, i et horizontal-stack.

Steg 9

Legg til historikk over lasertimer

Prosjektorsensoren registreres av Home Assistant som alle andre, så lamp_hours har en historikk gratis. Ingen ekstra sensorer, ingen hjelpere, ingenting å konfigurere først, under Vedlikehold-seksjonen.

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 timer er to uker. Laser- og lampetimer stiger jevnt i stedet for å hoppe rundt, så et toukersvindu er vanligvis nok til å se trenden uten at grafen ser flat ut.

Steg 10

Eller ta hele greia

Den komplette visningen, hver seksjon og hvert kort fra skjermbildet øverst på denne siden, med plassholdere i stedet for entity-ID-er.

  1. Last ned visnings-YAML.
  2. Åpne den i et hvilket som helst tekstredigeringsprogram og erstatt, overalt de forekommer: YOUR_PROJECTOR med prosjektorsensorens entity-ID fra steg 2, og YOURSERIAL med den serienummerbaserte ID-en din fra steg 2.
  3. I Scener-seksjonen nær bunnen erstatter du YOURSCENE1, YOURSCENE2 og YOURSCENE3 med dine egne tre scene-ID-er, eller legger til og fjerner brikker slik at det passer med hvor mange scener du faktisk har.
  4. Åpne dashbordet i Home Assistant, trykk på blyantikonet, tre-prikkers-menyen, Rå konfigurasjonsredigering, og lim den inn som en visning.
Scenenavnene og antallet dine vil ikke stemme. Filen leveres med tre eksempelscener: Filmkveld, Gaming, Sportsdag. Gi brikkene nytt navn, pek dem mot dine egne scene-ID-er, og legg til eller slett brikker til seksjonen stemmer med hvor mange scener du faktisk har lagret.
Infobrikkene fungerer umiddelbart etter at du har limt inn. De trenger bare at sensoren finnes. Kontroll- og scene-knappene forblir døde til Kopier blokk er limt inn i configuration.yaml, Home Assistant er startet på nytt og du har trykket på Synk med HA.

Feilsøking

En brikke viser Unknown

Sjekk attributtnavnet mot det sensoren faktisk har: Developer Tools › States, din sensor.YOUR_PROJECTOR-entity, og les attributtlisten. Noen målinger, som HDR PQ eller HDR HLG, fylles bare ut mens prosjektoren aktivt mottar den typen signal, så Unknown på de to kan være riktig og ikke ødelagt. Ser hele sensoren tynn ut, så vekk prosjektoren: en enhet i standby publiserer veldig lite.

En knapp gjør ingenting

Du har ikke limt inn Kopier blokk ennå, eller Home Assistant er ikke startet på nytt siden du gjorde det. Kontroll- og scene-knapper kaller skript appen skriver, og disse skriptene finnes ikke før Innstillinger › Hjemmeautomatisering › Home Assistant i appen har fått Kopier blokk limt inn i configuration.yaml, Home Assistant startet på nytt én gang, og Synk med HA trykket på. Kjør Test tilkobling i appen først - den forteller deg om blokken finnes før du begynner å lete etter en feil i dashbordet.

Skriptene jeg venter meg mangler i Developer Tools › States

Filtrer på projpilot i stedet for hele serienummeret - det er lettere å se hele listen. Hvis en kontroll eller scene du nylig la til mangler, trykk på Synk med HA igjen; den oppdaterer på stedet i stedet for å kreve nytt oppsett. Hvis gamle, døde skript roter til listen etter at du slettet en scene, bruk Fjern foreldreløse skript i appen.

Entity-ID-en min ser ikke ut som den i denne guiden

Mønsteret er fast, midtdelen er det ikke. Sensoren er oppkalt etter din egen prosjektors modell, og hvert skript bærer din egen prosjektors serienummer, ikke plassholderne på denne siden. Hent begge fra Developer Tools › States og appens Home Assistant-skjerm, som i steg 2, og bruk dem i stedet for å skrive eksempelteksten.

Hele prosjektoren din, på én vegg

Hjemmeautomatisering er et engangstillegg. Ikke noe abonnement, ingen konto, ingen sky. Ett kjøp låser det opp på alle plattformer du eier.

Google Play - tilgjengelig nå App Store - venter på godkjenning Microsoft Store - venter på godkjenning Mac App Store - venter på godkjenning

Tilbake til Hjemmeautomatisering → · Hele brukerveiledningen →

FAQ

Raske svar

Må jeg bygge dette dashbordet for hånd?

Nei. Når du trykker på Synk med HA i appen, bygger den et ferdig Projector Pilot-dashbord for deg direkte i Home Assistant - sanntidssensoren for prosjektoren pluss en knapp for hver kontroll og scene - og det dukker opp i sidefeltet som Projector Pilot. Denne siden er for å bygge den rikere grønnglass-versjonen for hånd, eller tilpasse det Synk laget.

Trenger jeg egendefinerte kort fra HACS for å bygge dette?

For å få samme utseende som på skjermbildet, ja: Mushroom, button-card, card-mod og mini-graph-card. Ingen av dem er nødvendige for at selve kontrollene skal fungere - hver knapp er et vanlig skriptkall, og de egendefinerte kortene er bare stilen på toppen.

Hvorfor viser infobrikkene en verdi mens knappene ikke gjør noe?

Prosjektorsensoren publiserer målingene sine så snart du logger inn og synkroniserer i appen, så infobrikkene er levende med en gang. Kontroll- og scene-knappene kaller skript som først finnes i Home Assistant etter at du har limt appens Kopier blokk inn i configuration.yaml, startet Home Assistant på nytt og trykket på Synk med HA én gang.

Vil entitets-ID-ene mine være like de i denne guiden?

Mønsteret gjør det, men ikke de nøyaktige tegnene. Prosjektorsensoren er oppkalt etter prosjektorens modell, og hvert skript er oppkalt etter prosjektorens serienummer. Overalt der denne siden skriver YOUR_PROJECTOR, setter du inn din egen sensors entity-ID; overalt der den skriver YOURSERIAL, setter du inn den serienummerbaserte ID-en som vises på appens Home Assistant-skjerm.