Home assistant 대시보드 꾸미기 - wall panel

Kiosk mode와 swipe card 의 조합으로 대시보드를 꾸몄었다. 최근 검색하다가 스크린세이버 처럼 나타낼수 있도록 하는 대시보드를 찾았고, 이것을 추가해 보려고 한다.

 

wallpanel이고 공식 홈은 아래에.

GitHub - j-a-n/lovelace-wallpanel: 🖼️ Wall panel mode and photo screensaver for your Home Assistant Dashboards

 

1. 설치

이전에 HACS를 설치했으니 이걸 이용해서 설치해보고자 한다.

2023.08.16 - [IoT, 스마트홈] - Home assistant container에 HACS 설치하기

 

HACS → Frontend → Explore & Download Repositories → wallpanel 다운 (두개 있는데 위에꺼)

 

2. Wallpanel 설정

많은 설정들을 할수 있고, 이는 깃허브에 참고하면 된다. 내가 원하는 설정들은 스크린세이버, 디지털액자 처럼 사진들이 순서대로 나오는것,  그리고 날씨가 나오도록 하는것이다.

 

이미지를 넣기 위해서 우선 NAS docker에 들어가서, homeassistant를 중지한다. 이후 편집 → 볼륨설정 → 폴더 추가 에서 /media 폴더를 만들고 이를 마운트한다.

이후 대시보드의 미디어탭에서 직접 사진들을 추가할 수 있고, 아니면 NAS 폴더에 직접 들어가서 사진들을 추가할 수 있게된다.

 

대시보드에서 구성요소 편집기로 들어가서 아래와 같이 추가한다.

enabled: wallpanel을 활성화

idle_time: 15초 뒤에 스크린세이버가 시작하게끔 함.

image_url: media 폴더내에 있는 이미지들을 나오도록 함.

image_fit: 이미지를 화면에 맞춤

image_list_update_interval: local 이미지를 사용할 경우에 이미지 update 간격

image_order: 이미지는 랜덤하게 

screensaver_entity: true/false로 스크린세이버 여부 확인

cards: 원하는 lovelace 카드를 스크린세이버와 함께 나타나게 (나의 경우에는 날씨 카드)

 

이외에도 여러가지 설정을 할 수 있으니 깃허브 참고.

 

완성하면 이런식으로...

---

** 설정하다가 잘못해서 idle_time 1초, fullscreen, hide_toolbar, hide_sidebar 를 다 true로 해버렸는데, 이렇게 하니 1초마다 풀스크린으로 스크린세이버가 작동해서 아무것도 못해버리는 경우가 생겼다. 풀스크린모드로 고정되서 HA 를 아무것도 고칠수 없었는데, 이때 스마트폰의 컴패니언앱으로 들어가서 스크린세이버가 켜지기 전에 빠르게 설정을 연타하고 → 디버깅 → reset frontend cache 후 다시 들어가면 로딩이 멈췄다.