Créez un tableau de bord Home Assistant pour projecteur en environ une heure

• Projector Pilot est relié à Home Assistant. Le guide de configuration explique comment vous connecter et activer Envoyer l'état du projecteur. Vous devriez voir votre projecteur comme un capteur dans Home Assistant avant de construire quoi que ce soit dessus.
• Vous avez synchronisé au moins une fois. Réglages › Domotique › Home Assistant › Sync With HA, après avoir collé le bloc Copier de l'appli dans configuration.yaml et redémarré Home Assistant. C'est ce qui crée les scripts appelés par chaque bouton de commande ci-dessous.
• Votre projecteur est allumé pendant la construction. Les attributs d'image ci-dessous sont ce qu'un projecteur en veille laisse en grande partie vide.

Deux sources alimentent ce tableau de bord, et la différence compte à chaque étape ci-dessous.

Les quatre se trouvent dans la boutique HACS par défaut. Dans Home Assistant : HACS › Interface › Explorer & télécharger des dépôts, cherchez le nom, cliquez sur Télécharger, puis rechargez votre navigateur.

Chaque extrait de cette page utilise deux paramètres fictifs. Trouvez les vôtres une fois, et le reste n'est plus que du copier-coller.

• sensor.YOUR_PROJECTOR → Outils de développement › États dans Home Assistant, filtrez sur projector_pilot. Quelque chose comme sensor.projector_pilot_epson_qb1000b_qb1000w.
• YOURSERIAL → ouvrez l'appli, Réglages › Domotique › Home Assistant. L'ID dérivé du numéro de série s'y affiche, et c'est le milieu du nom de chaque script synchronisé : script.projpilot_YOURSERIAL_power_on, script.projpilot_YOURSERIAL_input_hdmi1, etc.

Vous pouvez aussi filtrer Outils de développement › États sur projpilot pour voir d'un coup toute la liste de vos commandes synchronisées, une fois le bloc Copier et la synchronisation de l'étape 1 effectués.

1. Réglages › Tableaux de bord › Ajouter un tableau de bord › Nouveau tableau de bord à partir de zéro. Appelez-le Projector Pilot.
2. Ouvrez-le, puis l'icône en forme de crayon en haut à droite pour modifier.
3. Ajoutez une vue. Les deux dispositions fonctionnent ; le vrai tableau utilise la pile de cartes par défaut, l'une sous l'autre, ce qui est le plus simple pour coller.
4. Pour coller du YAML, utilisez le menu à trois points d'une carte et choisissez Modifier en YAML, ou le menu à trois points du tableau de bord pour Éditeur de configuration brute afin de coller toute une vue d'un coup.

Les réglages propres à la vue, si vous préférez les saisir :

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

Commencez par quelque chose qui ne fait que lire, pour vérifier que votre ID d'entité est correct avant de toucher à tout ce qui envoie une commande. Celle-ci est en direct dès que votre capteur de projecteur existe, sans bloc Copier ni synchronisation. Ajoutez une carte, Modifier en YAML, collez :

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

La même forme lit n'importe lequel des quelque 80 attributs du capteur : remplacez brightness par contrast, gamma, color_temp, hdr_pq, lamp_hours, ce que vous voulez voir sur la tuile.

Enregistrez. Si un vrai nombre ou un mot s'affiche, votre ID d'entité est correct et tout ce qui suit fonctionnera. S'il reste vide, retournez à l'étape 2.

Un simple titre est de l'espace perdu. Voici une carte markdown avec un fond dégradé fourni par card-mod, et c'est ce qui transforme une pile de tuiles en sections nommées. Chaque section du tableau commence par l'une d'elles, avec simplement un autre libellé et un autre 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; }'

Changez le code de l'emoji et le texte du libellé ; le bloc card-mod est identique pour chaque section.

Celui-ci envoie une commande au lieu de simplement lire une valeur, donc les scripts doivent exister d'abord. Il appelle script.projpilot_YOURSERIAL_power_on, que l'appli n'écrit qu'après que vous avez collé son bloc Copier dans configuration.yaml, redémarré Home Assistant et touché 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; }'

La même carte sert pour Éteindre, Écran noir, HDMI 1, HDMI 2, Sourdine A/V, un mode couleur ou une mémoire d'objectif : seuls le libellé, l'icône et service changent.

L'en-tête principal en haut du tableau est une carte button-card : un grand état d'alimentation, un résumé d'une ligne construit à partir de plusieurs attributs à la fois, et le traitement verre vert sur toute la carte et pas seulement sur sa bordure.

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

Réduit aux éléments qui changent selon l'installation. La carte complète définit aussi les positions de la grille pour l'icône, le nom et le libellé ; voir le téléchargement à l'étape 10 pour tout le détail.

Vous préférez une bande plus fine ? Une carte mushroom-chips-card fait le même travail sur une seule rangée de petites pastilles : état d'alimentation, entrée, mode couleur, plage vidéo et heures de lampe, chacune étant un modèle qui lit state_attr('sensor.YOUR_PROJECTOR', ...). Utilisez l'une ou l'autre, pas les deux, en haut du tableau.

Chaque scène que vous enregistrez dans l'appli devient un script nommé script.projpilot_YOURSERIAL_scene_<id> après la synchronisation, et une tuile pour une scène est la même carte bouton de commande que celle de l'étape 6, avec un nom et une icône de scène.

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

Remplacez YOURSCENE1 par l'ID affiché pour cette scène dans la liste des commandes synchronisées de l'appli. Une tuile par scène, dans une carte horizontal-stack.

Le capteur du projecteur est enregistré par Home Assistant comme n'importe quel autre, donc lamp_hours dispose gratuitement d'un historique. Pas de capteurs supplémentaires, pas d'assistants, rien à configurer au préalable, sous la section Maintenance.

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 heures, c'est deux semaines. Les heures du laser et de la lampe augmentent régulièrement sans faire de bonds, donc une fenêtre de deux semaines suffit généralement pour voir la tendance sans que le graphique paraisse plat.

La vue complète, chaque section et chaque carte de la capture d'écran en haut de cette page, avec des espaces réservés à la place des ID d'entité.

1. Télécharger le YAML de la vue.
2. Ouvrez-le dans n'importe quel éditeur de texte et remplacez, partout où ils apparaissent : YOUR_PROJECTOR par l'ID d'entité de votre capteur de projecteur trouvé à l'étape 2, et YOURSERIAL par votre ID dérivé du numéro de série trouvé à l'étape 2.
3. Dans la section Scènes, près du bas, remplacez YOURSCENE1, YOURSCENE2 et YOURSCENE3 par vos trois propres ID de scène, ou ajoutez et supprimez des tuiles selon le nombre de scènes que vous avez réellement.
4. Dans Home Assistant, ouvrez votre tableau de bord, l'icône en forme de crayon, le menu à trois points, Éditeur de configuration brute, et collez-le comme une vue.