● HA작업) type: picture-elements 에서 카메라뷰 와 image icon 표시 또는 image 으로 표시방법




컨텐츠 정보


본문

●  HA작업) type: picture-elements 에서 카메라뷰 와 icon의  표시방법 

3232235521_1686964342.5387.png

 type: picture-elements 에서 카메라 뷰 와 icon의  표시방법 

3232235521_1686964372.3016.png

동작> 카메라 뷰 와 아이콘 클릭시 카메라 뷰 나옴

3232235521_1686964238.8524.png

- icon 클릭시 카메라 뷰

3232235521_1686964270.3919.png


type: picture-elements
wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
image: /local/image/605_1-2ho_1024_600.png
elements:
  - type: image
     name: 현관 카메라 뷰
    camera_image: camera.amcrest_camera_amcrest_camera_2
    camera_view: live
    show_state: true
    style:
      top: 5%
      left: 38%
      width: 10%
      height: 10%
  - type: state-icon
    name: 현관 카메라
    entity: camera.amcrest_camera_amcrest_camera_2
    icon: mdi:cctv
    camera_view: live
    show_state: true
    state_image: null
    state_color: true
    style:
      top: 11%
      left: 34%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: image
    name: TV
    entity: switch.tv
    tap_action:
      action: toggle
      state_image: null
    image: /local/imagestv.png
    state_image:
      'on': /local/imagestv_on1.png
    style:
      top: 81%
      left: 66%
      width: 40px
      height: 40px

3232235521_1686966738.1326.png3232235521_1686966664.3192.png

☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠1.png

뷰PDF add1,add2



관련자료

댓글 1

행복하세님의 댓글

캬 죽이네요. 이런거 이제 개인들도 구성할수 있는 시대군요.
전에는 건물테러하는 액션영화같은데에서 메인컨트롤실 같은곳에서 보던건뎅  ㅎ



♥간단_메모글♥


최근글


새댓글



PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
▶ 2024-11-23 09:49:48

오늘의 홈 현황


  • 현재 접속자♨ 368 명
  • 오늘 가입자※ 0 명
  • 어제 가입자※ 3 명
  • 주간 가입자※ 9 명
  • 오늘 방문자 2,282 명
  • 어제 방문자 3,461 명
  • 최대 방문자 13,042 명
  • 전체 방문자 4,804,899 명
  • 전체 게시물※ 8,855 개
  • 전체 댓글수※ 25,231 개
  • 전체 회원수 11,325 명

QR코드


☞ QR코드 스캔은 kakao앱 자체 QR코드

알림 0








최신글↑