homeassistant的真三维版本设备控制+免费开源插件【可接入米家设备】 国内首发

1,171 阅读2分钟

啥都不说先上展示图:

66.png 77.png 88.png 333.png QQ20250122-074315.png

实时在线预览:oss.icegl.cn/#/plugins/f…
详细介绍视频地址【智能家居homeassitant真三维展示控制+小米设备-哔哩哔哩】
b23.tv/wirOYUH

本人tvt.js三维开源项目作者,这两天研究了homeassistant,因为小米最近开源接入了homeassistant,所以想看看我们的三维开源项目打包个插件接入进来,市面上看到的都是伪三维,或者图片卡片,咱们要介入的是真三维炫酷级别的炸裂展示。
智能家居和homeassitant的结合、在TvT生态下联动控制居家智能设备与展示,真三维, 可连接小米生态设备,可配置

下面开始简单步骤教程 :

1、下载编译后的部署包 :tvt.zip

2、解压到目录:

/hass-config/www/tvt/
// hass-config : 为homeassitant下面对应的config,因为我做了映射,所以请自行按照目录存放,没有/tvt/ 这个目录的,自行增加

3、修改配置文件

/hass-config/www/tvt/plugins/freeDigitalHome/config.json

 // 包含属性如下:
 // 长期homeassitant的ACCESS_TOKEN: "ACCESS_TOKEN"
 // homeassitant部署的地址:"URL"
"entities": {
        "tvLive": "", // 电视机的实时画面帧地址
        "switch": {
            "living": "",  //客厅灯开关
            "bedA": "",  //主卧灯开关
            "bedB": "",  //次卧灯开关
            "tv": ""      //电视开关
        },
        "sensor": {
            "living": {
                "temperature": "", // 温度传感器
                "humidity": "" // 湿度传感器
            },
            "bedA": {
                "temperature": "",
                "humidity": ""
            },
            "bedB": {
                "temperature": "",
                "humidity": ""
            }
        }
    }
// 具体开关或者传感器的entitiesID,请在homeassitant上查找 

4、在homeassitant面板中增加仪表盘:

网址设置为:

http://192.168.18.170:8123/local/tvt/index.html#/plugins/freeDigitalHome/linkWebsocket
// 192.168.18.170:8123 此更换成您的homeassitant对应的ip和端口号
// 其余如果您按照之前的目录来,那么不需要改变

最后欢迎加入 :TvT.js的免费开源三维可视化框架中

如果有疑问可以直接在文章下面评论

开源不易 给颗⭐️,我们的开源库地址是:gitee.com/ice-gl/iceg…

若您是开发者,欢迎下载此开源插件,进行持续开发 提交PR freeDigitalHome