啥都不说先上展示图:
实时在线预览: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