Strona główna › Przewodnik użytkownika › Panel Home Assistant
Home Assistant · krok po kroku

Zbuduj panel projektora w Home Assistant w około godzinę

Aplikacja sama buduje działający panel podczas synchronizacji - ta strona to wersja deluxe, budowana ręcznie. Dziesięć kroków, YAML każdej karty i kompletny widok, który wkleisz za jednym razem. Kafelki z zielonego szkła, podgląd obrazu na żywo, Twoje sceny i wykres godzin pracy lasera, wszystko z jednego czujnika projektora. Zmień dwa ciągi znaków i jest Twój.

Synchronizacja buduje jeden za darmo4 karty HACS dla wygląduKafelki informacyjne od razu na żywoPrzyciski po jednym wklejeniu
Gotowy panel Projector Pilot w Home Assistant: zasilanie i źródło, tryby koloru, pełne menu obrazu, HDR i sygnał, kalibracja RGB, obiektyw i geometria, konserwacja z wykresem godzin pracy lasera oraz sceny, wszystko jako kafelki z zielonego szkła
Co budujesz. Przewijaj lub kliknij, by powiększyć.
Chcesz tylko działającej tablicy? Już ją masz. Dotknij Synchronizuj z HA w aplikacji, a zbuduje ona dla Ciebie gotowy panel Projector Pilot w panelu bocznym Home Assistant, ze wszystkimi elementami sterowania i czujnikiem na żywo - bez kart, bez YAML, bez wklejania. Zobacz Synchronizacja buduje panel za Ciebie. Ta strona służy do ręcznego zbudowania bogatszej wersji z zielonego szkła albo do dostosowania tego, co dała synchronizacja.
Spieszysz się po własny wygląd? Przejdź do kroku 10, pobierz kompletny widok, zmień dwa ciągi znaków i trzy identyfikatory scen, i wklej. Kroki pośrednie wyjaśniają, co robi każdy element, byś mógł go zmienić.

Zanim zaczniesz

Ten dashboard zasilają dwa źródła, a różnica między nimi ma znaczenie na każdym z poniższych kroków.

Pochodzi zDaje Ci
Czujnik projektora, sensor.YOUR_PROJECTORKażdy odczyt. Zasilanie, wejście, tryb koloru, wszystkie wartości obrazu, HDR i sygnał, obiektyw i geometria, godziny pracy lampy. Na żywo, gdy tylko się zalogujesz i zsynchronizujesz, bez bloku do skopiowania.
Zsynchronizowane skrypty aplikacji, script.projpilot_YOURSERIAL_...Każde sterowanie. Zasilanie, wejścia, tryby koloru, pamięci obiektywu i Twoje sceny. Istnieją dopiero po wklejeniu bloku do skopiowania, ponownym uruchomieniu Home Assistant i dotknięciu Synchronizuj z HA.
Krok 1

Zainstaluj cztery karty z HACS

Wszystkie cztery są w domyślnym sklepie HACS. W Home Assistant: HACS › Frontend › Przeglądaj & pobieraj repozytoria, wyszukaj nazwę, kliknij Pobierz, a potem odśwież przeglądarkę.

SzukajDo czego służyJeśli pominiesz
MushroomKażdy kafelek informacyjny, przycisk sterowania i kafelek scenyUżyj zwykłej karty button. Działa, wygląda bardziej kanciasto.
button-cardKafelek główny z etykietą na żywoUżyj karty entity albo karty szablonu Mushroom z mniejszą ilością szczegółów.
card-modTło z zielonego szkła, obramowania i gradientyWszystko nadal działa. Tylko bez poświaty.
mini-graph-cardHistoria godzin pracy lasera w sekcji KonserwacjaUżyj wbudowanej karty history-graph.
Żadna z nich nie jest wymagana, by to działało. Każde sterowanie poniżej działa ze standardowej karty przycisku Home Assistant wskazującej ten sam skrypt. Karty niestandardowe to wygląd zielonego szkła, a nie instalacja.
Krok 2

Znajdź swój ID encji i numer seryjny

Każdy fragment kodu na tej stronie używa dwóch symboli zastępczych. Znajdź swoje raz, a resztę po prostu skopiujesz.

Możesz też przefiltrować Narzędzia deweloperskie › Stany po projpilot, by zobaczyć całą listę zsynchronizowanych elementów sterowania naraz, gdy blok do skopiowania z kroku 1 i synchronizacja są gotowe.

Brak jeszcze listy skryptów? To normalne przed wklejeniem bloku do skopiowania. Czujnik nadal istnieje i się aktualizuje; skrypty pojawiają się dopiero po udanym uruchomieniu Synchronizuj z HA.
Krok 3

Utwórz widok

  1. Ustawienia › Panele › Dodaj panel › Nowy panel od zera. Nazwij go Projector Pilot.
  2. Otwórz go, a potem ikonę ołówka w prawym górnym rogu, by edytować.
  3. Dodaj widok. Działa każdy układ; prawdziwa tablica używa domyślnego stosu kart, jedna pod drugą, co najłatwiej wkleić.
  4. Aby wkleić YAML, użyj menu z trzema kropkami na karcie i wybierz Edytuj w YAML albo menu z trzema kropkami panelu i Edytor surowej konfiguracji, by wkleić cały widok naraz.

Własne ustawienia widoku, jeśli wolisz je wpisać:

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

Dodaj kafelek informacyjny na żywo

Zacznij od czegoś, co tylko odczytuje, byś wiedział, że ID encji jest poprawny, zanim dotkniesz czegokolwiek, co wysyła polecenia. Ten działa na żywo, gdy tylko istnieje czujnik projektora, bez bloku do skopiowania i bez synchronizacji. Dodaj kartę, Edytuj w YAML, wklej:

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

Ten sam kształt odczytuje dowolny z ~80 atrybutów, które niesie czujnik: zamień brightness na contrast, gamma, color_temp, hdr_pq, lamp_hours, cokolwiek chcesz na kafelku.

Zapisz. Jeśli pojawi się prawdziwa liczba lub słowo, ID encji jest poprawny i wszystko poniżej zadziała. Jeśli jest puste, wróć do kroku 2.

Krok 5

Dodaj zielony nagłówek sekcji

Zwykły tytuł to martwa przestrzeń. To karta markdown z gradientowym tłem z card-mod i to ona zamienia stos kafelków w nazwane sekcje. Każda sekcja na tablicy zaczyna się od takiej karty, tylko z inną etykietą i 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; }'

Zmień kod emoji i tekst etykiety; blok card-mod jest taki sam w każdej sekcji.

Krok 6

Dodaj przycisk sterowania

Ten wysyła polecenie, zamiast tylko odczytywać wartość, więc skrypty muszą już istnieć. Wywołuje script.projpilot_YOURSERIAL_power_on, który aplikacja zapisuje dopiero po wklejeniu jej bloku do skopiowania do configuration.yaml, ponownym uruchomieniu Home Assistant i dotknięciu Synchronizuj z 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; }'

Ta sama karta dla Wyłącz zasilanie, Screen Blank, HDMI 1, HDMI 2, A/V Mute, trybu koloru lub pamięci obiektywu: zmieniają się tylko etykieta, ikona i service.

Jeśli wygląda dobrze, ale nic się nie dzieje po dotknięciu, blok do skopiowania albo nie został wklejony, albo Home Assistant nie został od tego czasu uruchomiony ponownie. Uruchom w aplikacji Testuj połączenie, które sprawdza właśnie to, zanim uznasz, że panel jest błędny.
Krok 7

Dodaj kafelek główny

Kafelek główny na górze tablicy to button-card: duży stan zasilania, jednowierszowe podsumowanie zbudowane z kilku atrybutów naraz i efekt zielonego szkła na całej karcie, a nie tylko na jej obramowaniu.

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

Skrócone do elementów, które zmieniają się w każdej instalacji. Pełna karta ustawia też pozycje ikony, nazwy i etykiety w siatce; całość znajdziesz w pliku do pobrania w kroku 10.

Wolisz smuklejszy pasek? mushroom-chips-card robi to samo w jednym rzędzie małych znaczników: stan zasilania, wejście, tryb koloru, zakres wideo i godziny pracy lampy, każdy jako szablon odczytujący state_attr('sensor.YOUR_PROJECTOR', ...). Użyj jednego albo drugiego, nie obu naraz, na górze tablicy.

Krok 8

Dodaj swoje Sceny

Każda scena zapisana w aplikacji staje się po synchronizacji skryptem o nazwie script.projpilot_YOURSERIAL_scene_<id>, a kafelek dla niej to ta sama karta przycisku sterowania z kroku 6 z nazwą sceny i 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; }'

Zastąp YOURSCENE1 identyfikatorem pokazanym dla tej sceny na liście zsynchronizowanych elementów sterowania w aplikacji. Jeden kafelek na scenę, w horizontal-stack.

Krok 9

Dodaj historię godzin pracy lasera

Czujnik projektora jest rejestrowany przez Home Assistant jak każdy inny, więc lamp_hours ma historię za darmo. Bez dodatkowych czujników, bez pomocników, bez niczego do wstępnej konfiguracji, w sekcji Konserwacja.

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 godzin to dwa tygodnie. Godziny pracy lasera i lampy rosną równomiernie, a nie skaczą, więc dwutygodniowe okno zwykle wystarcza, by zobaczyć trend, a wykres nie wygląda na płaski.

Krok 10

Albo weź całość

Kompletny widok, każda sekcja i każda karta ze zrzutu ekranu na górze tej strony, z symbolami zastępczymi zamiast ID encji.

  1. Pobierz YAML widoku.
  2. Otwórz go w dowolnym edytorze tekstu i zastąp wszędzie, gdzie występują: YOUR_PROJECTOR identyfikatorem encji czujnika projektora z kroku 2, a YOURSERIAL identyfikatorem utworzonym z numeru seryjnego z kroku 2.
  3. W sekcji Sceny w dolnej części zastąp YOURSCENE1, YOURSCENE2 i YOURSCENE3 własnymi trzema identyfikatorami scen albo dodaj i usuń kafelki, aby pasowały do liczby posiadanych scen.
  4. W Home Assistant otwórz swój panel, ikonę ołówka, menu z trzema kropkami, Edytor surowej konfiguracji i wklej to jako widok.
Nazwy i liczba Twoich scen nie będą się zgadzać. Plik zawiera trzy przykładowe sceny: Wieczór filmowy, Gry, Dzień sportu. Zmień nazwy kafelków, wskaż własne identyfikatory scen i dodawaj lub usuwaj kafelki, aż sekcja będzie odpowiadać liczbie zapisanych scen.
Kafelki informacyjne działają od razu po wklejeniu. Potrzebują tylko istniejącego czujnika. Przyciski sterowania i scen pozostają martwe, dopóki blok do skopiowania nie zostanie wklejony do configuration.yaml, Home Assistant nie zostanie uruchomiony ponownie i nie dotkniesz Synchronizuj z HA.

Rozwiązywanie problemów

Kafelek pokazuje Nieznane

Porównaj nazwę atrybutu z tym, co faktycznie niesie czujnik: Narzędzia deweloperskie › Stany, Twoja encja sensor.YOUR_PROJECTOR, i przeczytaj listę jej atrybutów. Kilka odczytów, jak HDR PQ czy HDR HLG, wypełnia się tylko wtedy, gdy projektor aktywnie odbiera taki sygnał, więc Nieznane przy tych dwóch może być poprawne, a nie awarią. Jeśli cały czujnik wygląda na ubogi, obudź projektor: urządzenie w trybie gotowości publikuje bardzo mało.

Przycisk nic nie robi

Nie wkleiłeś jeszcze bloku do skopiowania albo Home Assistant nie został od tego czasu uruchomiony ponownie. Przyciski sterowania i scen wywołują skrypty zapisywane przez aplikację, a te skrypty nie istnieją, dopóki w aplikacji w Ustawienia › Automatyka domowa › Home Assistant blok do skopiowania nie zostanie wklejony do configuration.yaml, Home Assistant nie zostanie raz uruchomiony ponownie i nie dotkniesz Synchronizuj z HA. Najpierw uruchom w aplikacji Testuj połączenie - powie Ci, czy blok jest obecny, zanim zaczniesz szukać błędu w panelu.

Brakuje oczekiwanych skryptów w Narzędzia deweloperskie › Stany

Filtruj po projpilot zamiast po pełnym numerze seryjnym - łatwiej zobaczyć całą listę. Jeśli brakuje elementu sterowania lub sceny dodanej niedawno, dotknij ponownie Synchronizuj z HA; aktualizuje na miejscu, nie wymaga nowej konfiguracji. Jeśli stare, martwe skrypty zaśmiecają listę po usunięciu sceny, użyj w aplikacji Usuń osierocone skrypty.

Mój ID encji nie wygląda jak ten w tym przewodniku

Wzorzec jest stały, środek nie. Twój czujnik jest nazwany od modelu Twojego projektora, a każdy skrypt zawiera numer seryjny Twojego projektora, a nie symbole zastępcze z tej strony. Weź oba z Narzędzia deweloperskie › Stany i ekranu Home Assistant w aplikacji, jak w kroku 2, i użyj ich zamiast przykładowego tekstu.

Cały Twój projektor na jednej ścianie

Automatyka domowa to jednorazowy dodatek. Bez subskrypcji, bez konta, bez chmury. Jeden zakup odblokowuje ją na każdej platformie, której używasz.

Google Play - dostępne już teraz App Store - oczekuje na zatwierdzenie Microsoft Store - oczekuje na zatwierdzenie Mac App Store - oczekuje na zatwierdzenie

Wróć do Automatyki domowej → · Cały poradnik użytkownika →

FAQ

Szybkie odpowiedzi

Czy muszę budować ten panel ręcznie?

Nie. Gdy w aplikacji dotkniesz Synchronizuj z HA, zbuduje ona dla Ciebie gotowy panel Projector Pilot bezpośrednio w Home Assistant - czujnik projektora na żywo oraz przycisk dla każdego elementu sterowania i każdej sceny - a w panelu bocznym pojawi się jako Projector Pilot. Ta strona służy do ręcznego zbudowania bogatszej wersji z zielonego szkła albo do dostosowania tego, co utworzyła synchronizacja.

Czy potrzebuję własnych kart z HACS, aby to zbudować?

Aby odtworzyć wygląd ze zrzutu ekranu, tak: Mushroom, button-card, card-mod i mini-graph-card. Żadna z nich nie jest wymagana do działania samych elementów sterowania - każdy przycisk to zwykłe wywołanie skryptu, a karty niestandardowe to tylko warstwa wyglądu.

Dlaczego kafelki informacyjne pokazują wartość, a przyciski nic nie robią?

Czujnik projektora publikuje swoje odczyty, gdy tylko zalogujesz się i zsynchronizujesz w aplikacji, więc kafelki informacyjne działają od razu. Przyciski sterowania i scen wywołują skrypty, które istnieją w Home Assistant dopiero po wklejeniu bloku z aplikacji (Kopiuj blok) do configuration.yaml, ponownym uruchomieniu Home Assistant i jednokrotnym dotknięciu Synchronizuj z HA.

Czy moje identyfikatory encji będą takie same jak w tym poradniku?

Wzorzec tak, dokładne znaki nie. Czujnik Twojego projektora jest nazwany od modelu projektora, a każdy skrypt od jego numeru seryjnego. Wszędzie, gdzie ta strona pisze YOUR_PROJECTOR, wstaw identyfikator encji własnego czujnika; wszędzie, gdzie pisze YOURSERIAL, wstaw identyfikator utworzony z numeru seryjnego, pokazany na ekranie Home Assistant w aplikacji.