之前有分享過Tapo Camera 大更新後的排版
這次分享將兩個面板合成一個
廢話不多說直接上圖
前置作業HACS安裝 Multiple Entity Row 以及 Vertical Stack In Card
configuration.yaml添加
lovelace:
resources:
- url: /hacsfiles/lovelace-multiple-entity-row/multiple-entity-row.js
type: module
- url: /local/vertical-stack-in-card.js?v=0.4.4
type: js
做好以上動作重開HA
以下為面板code
type: custom:vertical-stack-in-card
cards:
- type: custom:webrtc-camera
entity: camera.xin_zhuang_she_ying_ji_sd
- entity: switch.xin_zhuang_she_ying_ji_flip
type: custom:multiple-entity-row
toggle: true
name: 鏡頭
state_header: 反轉
state_color: true
icon: mdi:webcam
entities:
- icon: mdi:arrow-down
name: 下
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_move_down
- icon: mdi:arrow-left
name: 左
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_move_left
- icon: mdi:arrow-right
name: 右
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_move_right
- icon: mdi:arrow-up
name: 上
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_move_up
- icon: mdi:arrow-expand-all
name: 校正
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_calibrate
- entity: switch.ke_ting_yun_tai_cha_zuo
type: custom:multiple-entity-row
name: 鏡頭
state_header: 插座
toggle: true
icon: mdi:webcam
entities:
- icon: mdi:webcam
name: 定位A
tap_action:
action: call-service
service: input_button.press
service_data:
entity_id: input_button.camera_a_point
- icon: mdi:webcam
name: 定位B
tap_action:
action: call-service
service: input_button.press
service_data:
entity_id: input_button.camera_b_point
- entity: number.xin_zhuang_she_ying_ji_movement_angle
name: 角度
- entity: switch.xin_zhuang_she_ying_ji_privacy
name: 隱私
toggle: true
- entity: switch.xin_zhuang_she_ying_ji_auto_track
type: custom:multiple-entity-row
name: 功能
state_header: 追蹤
toggle: true
entities:
- entity: switch.xin_zhuang_she_ying_ji_indicator_led
name: LED
toggle: true
- icon: mdi:restart
name: 重開
styles:
width: 30px
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_reboot
- entity: select.xin_zhuang_she_ying_ji_night_vision
name: 夜間模式
- entity: select.xin_zhuang_she_ying_ji_automatic_alarm
type: custom:multiple-entity-row
name: 警報
state_header: 自動
entities:
- entity: select.xin_zhuang_she_ying_ji_motion_detection
name: 移動偵測
- icon: mdi:alarm
name: 開啟
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_manual_alarm_start
- icon: mdi:alarm-off
name: 關閉
tap_action:
action: call-service
service: button.press
service_data:
entity_id: button.xin_zhuang_she_ying_ji_manual_alarm_stop
老規矩自己改entity id以上為本次分享
希望能幫到有需要的朋友