● HA작업) LVGL Display 메뉴구성 media_player.volume_set 볼륨조정




컨텐츠 정보


본문

●  HA작업) LVGL Display 메뉴구성 media_player.volume_set  볼륨조정

볼륨부분

3232235521_1727719391.6947.png

1) 샌서부분

# Home Assistant에서 media_player의 volume_level을 슬라이더 및 라벨에 연동
  - platform: homeassistant
    id: speaker_vol_11
    entity_id: media_player.nest_hub_seojae
    attribute: volume_level
    on_value:
      - then:
          - lvgl.slider.update:
              id: speaker_vol_11_slider
              value: !lambda |-
                return (x * 100);
              animated: LV_ANIM_ON
             
          - lvgl.label.update:
              id: volume_label_11
              text: !lambda |-
                static char buf[15];
                float percentage = x * 100;
                snprintf(buf, sizeof(buf), "%.0f%%", percentage); \
                return {buf};


2) 위젯부


                    - slider:
                          id: speaker_vol_11_slider  # 슬라이더 ID 정의
                          x: 0
                          y: 50
                          align: TOP_LEFT
                          width: 50
                          height: 300
                          pad_all: 8
                          min_value: 0
                          max_value: 100
                          adv_hittest: true
                          on_value:
                            - homeassistant.action:
                                action: media_player.volume_set
                                data:
                                  entity_id: media_player.nest_hub_seojae
                                  volume_level: !lambda 'return (x / 100);'
                                 
                            - lvgl.label.update:
                                id: volume_label_11
                                text: !lambda |-
                                  static char buf[15];
                                  snprintf(buf, sizeof(buf), "%.0f%%", x);
                                  return {buf};

                      - label:
                          id: volume_label_11  # 텍스트 라벨 ID 정의
                          x: 0
                          y: 150
                          width: 50
                          height: 50
                          align: TOP_LEFT
                          text: "---"  # 초기 텍스트 값
                          text_font: font_26
                          text_color: 0xFFA500
                          text_align: CENTER

                      - button:
                          x: 0
                          y: 0
                          # id: madia_hub1_btn  # change item
                          align: TOP_LEFT
                          width: 50
                          height: 50
                          checkable: true
                          widgets:

                            - label:
                                text: 'Hub'  # change item F0425
                                text_font: font_21
                                text_align: CENTER
                                text_color: 0xFFFFFF
                                align: BOTTOM_MID

                            - label:
                                # id: lbl_Radio_power_1
                                text_font: font_40
                                text_align: CENTER
                                text: "\U000F0425" # POWER ICON F0425                                    
                                text_color: 0xFF0000
                                align: CENTER

                          on_click:
                            then:
                              - homeassistant.service:
                                  # service: media_player.media_play_pause
                                  service: media_player.toggle
                                  data:
                                    entity_id: media_player.nest_hub_seojae  # change item                          
# ----------------------------------------------------------------------------


수평으로 변경 하는 방법

lvgl:

  slider:

    id: slider_media_player3  # 슬라이더 ID

    x: 200

    y: 50

    align: TOP_LEFT

    width: 300  # 수평 슬라이더의 너비를 길게 설정

    height: 50  # 수평 슬라이더의 높이를 작게 설정

    pad_all: 8

    min_value: 0

    max_value: 100

    adv_hittest: true

==============
3232235521_1727719509.2073.png

3232235521_1727719550.6526.png

3232235521_1727719442.7495.png=
3232235521_1727719462.176.png


3232235521_1727719476.8086.png


3232235521_1727719490.7814.png


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

뷰PDF add1,add2



관련자료

댓글 0
등록된 댓글이 없습니다.



♥간단_메모글♥


최근글


새댓글



PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
▶ 2024-10-01 07:30:17

오늘의 홈 현황


  • 현재 접속자♨ 514 명
  • 오늘 가입자※ 0 명
  • 어제 가입자※ 1 명
  • 주간 가입자※ 7 명
  • 오늘 방문자 2,176 명
  • 어제 방문자 3,537 명
  • 최대 방문자 13,042 명
  • 전체 방문자 4,604,402 명
  • 전체 게시물※ 8,811 개
  • 전체 댓글수※ 25,119 개
  • 전체 회원수 11,257 명

QR코드


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

알림 0








최신글↑