|
homeassitant界面
配置
实时在线预览：https://oss.icegl.cn/#/plugins/freeDigitalHome/demo
本人tvt.js三维开源项目作者，这两天研究了homeassistant，因为小米最近开源接入了homeassistant，所以想看看我们的三维开源项目打包个插件接入进来，市面上看到的都是伪三维，或者图片卡片，咱们要介入的是真三维炫酷级别的炸裂展示。
智能家居和homeassitant的结合、在TvT生态下联动控制居家智能设备与展示，真三维， 可连接小米生态设备，可配置
详细介绍视频地址【智能家居homeassitant真三维展示控制+小米设备-哔哩哔哩】
https://b23.tv/wirOYUH
本篇文章是想先给没有TvT.js基础，甚至于不是开发的智能家居爱好者从业者看的，意在同问文档描述，部署和配置在你的homeassitant上 真三维面板。当然前端开发者或者已经了解和熟悉TvT.js的开发者，那么可以很快的用的上。 需要的基础知识：
1、在nas或者开源类Linux系统或者可安装docker的系统上安装好您的homeassitant
2、在homeassitant上安装好hacs
3、若有需要，在hacs安装上小米插件，并同步账号上的设备到homeassitant上
这部分我暂时不描述，可以逐一在各视频网站上找到安装和部署的教程
2、解压到目录：
/hass-config/www/tvt/
hass-config : 为homeassitant下面对应的config，因为我做了映射，所以请自行按照目录存放,没有/tvt/ 这个目录的，自行增加
/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的免费开源三维可视化框架中 如果有疑问可以直接在文章下面评论
| 
[复制链接]
发表于 2025-1-22 18:10:11
楼主
