Home Assistant प्रोजेक्टर डैशबोर्ड बनाएं करीब एक घंटे में

• Projector Pilot, Home Assistant से लिंक है। सेटअप गाइड में साइन इन करना और प्रोजेक्टर की स्थिति भेजें चालू करना बताया गया है। इसके ऊपर कुछ भी बनाने से पहले आपको अपना प्रोजेक्टर Home Assistant में सेंसर के रूप में दिखना चाहिए।
• आपने कम से कम एक बार सिंक किया है। सेटिंग › होम ऑटोमेशन › Home Assistant › Sync With HA, ऐप का Copy block configuration.yaml में पेस्ट करने और Home Assistant रीस्टार्ट करने के बाद। इसी से वे स्क्रिप्ट बनती हैं जिन्हें नीचे का हर कंट्रोल बटन कॉल करता है।
• बनाते समय आपका प्रोजेक्टर चालू हो। नीचे की पिक्चर एट्रिब्यूट वे हैं जिन्हें स्टैंडबाय में रहा प्रोजेक्टर ज़्यादातर खाली छोड़ देता है।

इस डैशबोर्ड को दो चीज़ों से जानकारी मिलती है, और नीचे हर चरण में यह फ़र्क मायने रखता है।

चारों डिफ़ॉल्ट HACS स्टोर में उपलब्ध हैं। Home Assistant में: HACS › Frontend › Explore & Download Repositories, नाम खोजें, Download करें, फिर अपना ब्राउज़र रीलोड करें।

इस पेज के हर स्निपेट में दो प्लेसहोल्डर इस्तेमाल हुए हैं। अपनी ID एक बार ढूँढ लें, बाकी सब कॉपी और पेस्ट है।

• sensor.YOUR_PROJECTOR → Home Assistant में Developer Tools › States, और projector_pilot पर फ़िल्टर करें। कुछ ऐसा दिखेगा: sensor.projector_pilot_epson_qb1000b_qb1000w।
• YOURSERIAL → ऐप खोलें, सेटिंग › होम ऑटोमेशन › Home Assistant। सीरियल से बनी id वहीं दिखती है, और यही हर सिंक की हुई स्क्रिप्ट के नाम का बीच का हिस्सा है: script.projpilot_YOURSERIAL_power_on, script.projpilot_YOURSERIAL_input_hdmi1, वगैरह।

आप Developer Tools › States को projpilot पर फ़िल्टर करके अपनी पूरी सिंक की हुई कंट्रोल सूची एक साथ भी देख सकते हैं, जब कदम 1 का Copy block और Sync हो चुके हों।

1. सेटिंग › Dashboards › Add Dashboard › New dashboard from scratch। इसे Projector Pilot नाम दें।
2. इसे खोलें, फिर एडिट करने के लिए ऊपर दाईं ओर पेंसिल आइकन दबाएं।
3. एक व्यू जोड़ें। कोई भी लेआउट चलेगा; असली बोर्ड कार्डों का डिफ़ॉल्ट स्टैक इस्तेमाल करता है, एक के नीचे एक, जिसमें पेस्ट करना सबसे आसान है।
4. YAML पेस्ट करने के लिए कार्ड के तीन-बिंदु मेनू से Edit in YAML चुनें, या पूरा व्यू एक साथ पेस्ट करने के लिए डैशबोर्ड के तीन-बिंदु मेनू से Raw configuration editor चुनें।

व्यू की अपनी सेटिंग, अगर आप उन्हें टाइप करना चाहें:

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

किसी ऐसी चीज़ से शुरू करें जो सिर्फ़ पढ़ती है, ताकि कोई कमांड भेजने वाली चीज़ को छूने से पहले आपको पता चल जाए कि आपकी एंटिटी ID सही है। यह प्रोजेक्टर सेंसर के मौजूद होते ही लाइव हो जाती है, न Copy block, न सिंक। एक कार्ड जोड़ें, Edit in YAML दबाएं, पेस्ट करें:

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

यही ढांचा सेंसर के ~80 एट्रिब्यूट में से किसी को भी पढ़ता है: brightness की जगह contrast, gamma, color_temp, hdr_pq, lamp_hours, या जो भी आप टाइल पर चाहें, डाल दें।

इसे सेव करें। अगर कोई असली संख्या या शब्द दिखे, तो आपकी एंटिटी ID सही है और नीचे का सब कुछ काम करेगा। अगर खाली दिखे, तो कदम 2 पर लौटें।

सादा शीर्षक बेकार जगह है। यह card-mod के ग्रेडिएंट बैकग्राउंड वाला markdown कार्ड है, और यही टाइलों के ढेर को नाम वाले सेक्शनों में बदलता है। बोर्ड का हर सेक्शन ऐसे ही एक कार्ड से शुरू होता है, बस लेबल और इमोजी अलग होते हैं।

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

इमोजी कोड और लेबल का टेक्स्ट बदलें; card-mod ब्लॉक हर सेक्शन पर वही रहता है।

यह सिर्फ़ वैल्यू पढ़ने की बजाय कमांड भेजता है, इसलिए इसके लिए पहले स्क्रिप्ट मौजूद होनी चाहिए। यह script.projpilot_YOURSERIAL_power_on को कॉल करता है, जिसे ऐप तभी लिखता है जब आप उसका Copy block configuration.yaml में पेस्ट करें, Home Assistant रीस्टार्ट करें और Sync With 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; }'

Power Off, Screen Blank, HDMI 1, HDMI 2, A/V Mute, किसी कलर मोड या लेंस मेमोरी के लिए भी यही कार्ड चलता है: सिर्फ़ लेबल, आइकन और service बदलते हैं।

बोर्ड के ऊपर का हीरो एक button-card है: बड़ी पावर स्थिति, कई एट्रिब्यूट से एक साथ बनी एक-लाइन की समरी, और सिर्फ़ बॉर्डर की बजाय पूरे कार्ड पर ग्रीन ग्लास का ट्रीटमेंट।

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

सिर्फ़ वे हिस्से रखे गए हैं जो हर इंस्टॉल पर बदलते हैं। पूरा कार्ड आइकन, नाम और लेबल ग्रिड की स्थिति भी सेट करता है; पूरी जानकारी के लिए कदम 10 का डाउनलोड देखें।

पतली पट्टी पसंद है? mushroom-chips-card उसी काम को छोटे चिप्स की एक पंक्ति में करता है: पावर स्थिति, इनपुट, कलर मोड, वीडियो रेंज और लैंप घंटे, हर एक state_attr('sensor.YOUR_PROJECTOR', ...) पढ़ने वाला टेम्पलेट। बोर्ड के ऊपर इनमें से एक ही रखें, दोनों नहीं।

ऐप में आपका सेव किया हर सीन, सिंक के बाद script.projpilot_YOURSERIAL_scene_<id> नाम की स्क्रिप्ट बन जाता है, और उसकी टाइल वही कदम 6 वाला कंट्रोल-बटन कार्ड है, बस सीन का नाम और आइकन अलग।

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

YOURSCENE1 की जगह वह id डालें जो ऐप की सिंक की हुई कंट्रोल सूची में उस सीन के लिए दिखती है। हर सीन के लिए एक टाइल, horizontal-stack में।

प्रोजेक्टर सेंसर Home Assistant में किसी भी दूसरे सेंसर की तरह रिकॉर्ड होता है, इसलिए lamp_hours के पास मुफ़्त में इतिहास होता है। कोई अतिरिक्त सेंसर नहीं, कोई हेल्पर नहीं, पहले कुछ भी कॉन्फ़िगर करने की ज़रूरत नहीं, मेंटेनेंस सेक्शन के नीचे।

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 घंटे यानी दो हफ़्ते। लेज़र और लैंप के घंटे इधर-उधर उछलने की बजाय लगातार बढ़ते हैं, इसलिए दो हफ़्ते की विंडो आमतौर पर रुझान देखने के लिए काफ़ी होती है, और ग्राफ़ सपाट भी नहीं लगता।

पूरा व्यू, इस पेज के ऊपर के स्क्रीनशॉट का हर सेक्शन और हर कार्ड, एंटिटी ID की जगह प्लेसहोल्डर के साथ।

1. व्यू YAML डाउनलोड करें।
2. इसे किसी भी टेक्स्ट एडिटर में खोलें और जहाँ-जहाँ दिखें, वहाँ बदलें: YOUR_PROJECTOR की जगह कदम 2 से अपने प्रोजेक्टर सेंसर की एंटिटी id, और YOURSERIAL की जगह कदम 2 से सीरियल से बनी अपनी id।
3. नीचे के पास सीन सेक्शन में YOURSCENE1, YOURSCENE2 और YOURSCENE3 की जगह अपनी तीन सीन id डालें, या टाइलें जोड़ें और हटाएं ताकि वे आपके असली सीनों की गिनती से मेल खाएं।
4. Home Assistant में अपना डैशबोर्ड खोलें, पेंसिल आइकन, तीन-बिंदु मेनू, Raw configuration editor, और इसे व्यू के रूप में पेस्ट करें।