Home Assistant自定义卡片:模仿Philips Hue风格的灯光控制 —— `lovelace-hue-like-light-card`...

Home Assistant自定义卡片:模仿Philips Hue风格的灯光控制 —— lovelace-hue-like-light-card

lovelace-hue-like-light-card This card provides a Hue-like way to control your lights in Home Assistant. lovelace-hue-like-light-card 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-hue-like-light-card

项目介绍

本项目提供了一种类似于Philips Hue应用程序的灯光控制方式,专为Home Assistant设计。通过lovelace-hue-like-light-card,您可以获得更加直观且熟悉的方式来调整您的智能灯泡颜色和亮度。项目利用了自定义Lovelace卡片的能力,为Home Assistant用户带来更贴近原厂体验的界面操作。

项目快速启动

安装步骤:

  1. 添加HACS(Home Assistant Community Store)(如果尚未安装)

    • 在Home Assistant中集成HACS。
  2. 安装卡片

    • 进入HACS -> Frontend -> 找到"Hue-Like Light Card"并安装。
    • 或者,手动下载最新版本的hue-like-light-card.js文件,放置于您的Home Assistant配置目录下的www/custom_lovelace/路径中(如果www目录不存在,则需手动创建,并重启HA以识别新目录)。
  3. 配置Lovelace

    • 添加资源到Lovelace:
      resources:
        - url: /local/custom_lovelace/hue-like-light-card.js
          type: module
      
    • 在UI中添加卡片示例:
      type: custom:hue-like-light-card
      entity: light.livingroom_light
      
  4. 重启与刷新

    • 保存配置后,可能需要重启Home Assistant,确保更改生效。
    • 刷新浏览器查看新添加的卡片。

应用案例和最佳实践

示例配置:

假设您想要控制客厅的主灯和色温,可以这样配置:

type: custom:hue-like-light-card
entities:
  - light.livingroom_light
  - light.livingroom_color
theme: synthwave

自定义场景:

对于更复杂的场景切换,可以在不同的房间或情境下配置多个卡片,每个卡片负责一组特定的灯光效果或场景。

典型生态项目

此卡片本身就是Home Assistant生态系统中的一个亮点,它与Hass-Hue-Icons等组件相辅相成,后者提供了与Philips Hue应用相似的图标集,增强用户体验一致性。通过结合使用,用户能够享受到更为沉浸式的智能家居控制界面,将Home Assistant的个性化和定制推向新的高度。


通过以上步骤,您即可在Home Assistant中享受便捷且视觉愉悦的灯光控制体验。探索和实验不同的配置以满足个人需求,是提升家庭自动化乐趣的重要部分。

lovelace-hue-like-light-card This card provides a Hue-like way to control your lights in Home Assistant. lovelace-hue-like-light-card 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-hue-like-light-card

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲍柳果Dora

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值