请选择 进入手机版 | 继续访问电脑版

『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 861|回复: 42

[基础教程] 【纯小白总结贴】折腾HA也有一段时间了,整理总结下成果

[复制链接]

7

主题

365

帖子

1017

积分

金牌会员

Rank: 6Rank: 6

积分
1017
金钱
652
HASS币
10
QQ
发表于 2021-2-22 19:40:26 | 显示全部楼层 |阅读模式
本帖最后由 zxyny1989 于 2021-2-23 18:00 编辑

声明:本人折腾HA不久,属于小白级别,此贴只是给像我一样的小白使用;大佬轻喷。   

-------------------------------------------------------------------------------------------------------
20210223修改:

                Inked屏幕截图(660)_LI.jpg             
                Inked屏幕截图(661)_LI.jpg

1、背景图片的添加(参考这个帖子给HA加个背景):      在lovelace下添加一行
background: <font color="#a6e22e">center</font> <font color="#a6e22e">/</font> <font color="#a6e22e">cover</font> <font color="#f92672"><b>no</b></font><font color="#a6e22e">-repeat</font> <font color="#a6e22e">url("/local/images/background.jpg")</font> <font color="#a6e22e">fixed</font>



      注意下路径和文件名,添加后请重启

                               
登录/注册后可看大图


2、仿homekit简要信息栏参考的这个帖子用lovelace制作仿homekit和米家的简要信息栏

3、背景图片的动态彩带参考的这个帖子给你的HomeAssistant添加个彩带特效

4、因使用的是zigbee2mqtt网关,没有小米网关,所以安防警戒面板是通过模拟实体实现了,参考的这个帖子官方 Alarm 警报面板 组件 详细解析
      不知道是因为我用的最新版的问题还是别的原因,我按帖子里详细添加一直报错,结果最简单的设置下竟然好了。

-----------------------------------------------------------------------------------------

先展示下页面(因新房还未装修,现在是纯折腾;也没上几个设备,纯粹为了学习):


       屏幕截图(650).png

       屏幕截图(651).png

      
       屏幕截图(659).png

       屏幕截图(654).png


       屏幕截图(656).png


       屏幕截图(658).png


-----------------------------------------------------------------------------------------

一、
  1、AirVisual使用的air visual插件;先在集成里添加air visual集成,然后在lovelace卡中添加代码,具体见帖中说明;参考了新人请教:air visual card显示状态无法显示中文帖子,虽然英文显示我给改成中文了,但air visual不怎么稳定,大佬建议我改成waqi的api,但我一直没折腾明白。

  2、colorfulclouds彩云天气我参考的是F大更优雅的彩云天气[信息丰富][使用简单]更新卡片插件;集成中先添加colorfulclouds集成,添加卡片时,卡片列表中有,名字是“自定义:colorfulclouds weather lovelcace card”;

  3、人员位置,安卓手机最早使用的Gpslogger,后来改用了官方app-高德地图sdk版app;苹果手机使用的集成里的icloud集成;
     说下一直弹验证码的解决办法:
     注册个新的iphone账号并登录,把原有账号共享位置给共享到新账号上;然后集成里设置好后就退出新注册账号;

  4、地图我参考的J大和官方一毛一样的百度地图【2020-2-16支持隐藏自带的地图】插件,直接替换隐藏了官方的地图;
     另外说说地图lovelace的事情:
     1)上边的百度地图插件是直接带lovelace卡的,添加卡片时,卡片列表中有,名字是“自定义:百度地图”,添加时会自动识别带位置信息的实体;
     2)还有一个高德的地图卡,我用的是基于高德地图的官方地图Lovelace卡片复刻版(重要更新)插件(F大的,和彩云天气一个作者);
     说说不足:百度地图很好用,只是不会根据实体自动缩放;但地图卡一张卡片上只能添加一个GPS设备,如果有多个设备需要添加多张地图卡;
            高德地图卡可以添加多个GPS设备,并会根据距离自动缩放,网页和安卓APP上均显示正常,只有IOS上显示异常;

  5、古诗词我参考的一日一句古诗词名句 使用今日诗词(jinrishici) 美化生活帖子,每小时一变化;中英谚语是参考的土豆大佬的Homekit Infused v3.5.3】Lovelace界面配置分享01帖子,边折腾边问才折腾好的。

-----------------------------------------------------------------------------------------

二、
  第二面没有什么要说的,几乎都是泡在坛子里翻这位大佬的帖子,然后一点点折腾的。

-----------------------------------------------------------------------------------------

三、
  1、环境卡片参考的Custom UI for 斐讯M1如何写到lovelace呢?,只是根据室外、客厅、卧室更换了相应的背景图。

  2、今日油价
参考的最新油价帖子
            1)在configuration.yaml中添加:
 sensor:
   - platform: oilprice
      name: 最新油价
      region: henan
                region: henan“henan”改成自己需要显示的省份,比如:“zhejiang”
             2)添加自定义卡片:
type: markdown
content: >
  <ha-icon icon="mdi:update"></ha-icon> {{
  state_attr('sensor.zui_xin_you_jie', 'update_time')}}

  ### <center>92#<ha-icon icon="mdi:gas-station"></ha-icon>  <font
  color=#ea4335> {{ state_attr('sensor.zui_xin_you_jie', '92')}}
  </font>95# <ha-icon icon="mdi:gas-station"></ha-icon>  <font color=#fbbc05>  {{
  state_attr('sensor.zui_xin_you_jie', '95')}}
  </font> <p> 98# <ha-icon icon="mdi:gas-station"></ha-icon><font color=#4285f4>  {{
  state_attr('sensor.zui_xin_you_jie', '98')}}
  </font>0#柴油<ha-icon icon="mdi:gas-station"></ha-icon> <font color=#34a853>  {{
  state_attr('sensor.zui_xin_you_jie', '0')}}
  </font></center>
  
  - {{ states('sensor.zui_xin_you_jie') }}

  - {{ state_attr('sensor.zui_xin_you_jie', 'tips')}}
theme: Paper

  3、DC1卡片使用的支持前端UI配置卡片的DC1 Lovelace卡片插件,卡片宽度在手机app上显示有一点点小瑕疵,影响不大;

-----------------------------------------------------------------------------------------

四、
  云音乐我参考的云音乐4.0【支持播放本地音乐,断网也能听音乐哦】这个插件,API我是直接运行在我的Docker上的;

-----------------------------------------------------------------------------------------

五、
  远程改配置文件,我使用的是七牛云,参考的在HA里使用的文件管理器【支持集成添加,无需配置】帖子;

-------------------------------------------------------------------------------------------------------

六、
  另外老家的海康硬盘录像机我也接入了进来,是受tiger81大佬的指点;
  说明:
     1)先去萤石云开放平台申请开发者账号,并记下各通道的直播地址;
     2)configuration.yaml中添加以下代码:
camera:
  - platform: generic
    name: 大门
    still_image_url: https://hls01open.ys7.com/openlive/" target="_blank">https://hls01open.ys7.com/openlive/</a>*******.hd.m3u8
    stream_source: https://hls01open.ys7.com/openlive/" target="_blank">https://hls01open.ys7.com/openlive/</a>*******.hd.m3u8
        (如果有多个通道,就添加多个- platform: generic)
      3)添加lovelace自定义卡片,写入以下代码:
type: picture-glance
title: 家
camera_view: live
entities: []

-------------------------------------------------------------------------------------------------------

七、
  说下Docker下HA的升级问题(看下图注释):


          屏幕截图(648).png

          屏幕截图(649).png
目前就想到了这么多,就先写到这里。

在此谢谢坛子里的各位大佬的帖子及不厌其烦的解答。
另:
下步想折腾逆地理,实现多少分钟到家;还有简要信息栏上显示有几盏灯没关等等;目前坛子里的帖子一添加就报错,具体还在找原因。















评分

参与人数 1金钱 +20 HASS币 +10 收起 理由
+ 20 + 10 感谢楼主分享!

查看全部评分

我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

7

主题

365

帖子

1017

积分

金牌会员

Rank: 6Rank: 6

积分
1017
金钱
652
HASS币
10
QQ
 楼主| 发表于 2021-2-22 19:48:38 | 显示全部楼层
好吧,我还不会排版,搞得乱七八糟的。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

7

主题

180

帖子

841

积分

高级会员

Rank: 4

积分
841
金钱
661
HASS币
10
发表于 2021-2-22 19:53:06 | 显示全部楼层
直播的安全不
回复

使用道具 举报

7

主题

365

帖子

1017

积分

金牌会员

Rank: 6Rank: 6

积分
1017
金钱
652
HASS币
10
QQ
 楼主| 发表于 2021-2-22 19:56:46 | 显示全部楼层

别人拿不到你这个网址就没事;
我这是录像机在异地,才这样操作的;局域网内的没必要这样搞。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

7

主题

180

帖子

841

积分

高级会员

Rank: 4

积分
841
金钱
661
HASS币
10
发表于 2021-2-22 20:26:09 | 显示全部楼层
你加密是不是关了,还有你那个电量和油价什么的怎么添加的
回复

使用道具 举报

2

主题

44

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
金钱
228
HASS币
0
发表于 2021-2-22 20:56:36 | 显示全部楼层
请问楼主,人员的手机的电量提示是怎么来的?怎么添加出来的?非常感谢!
回复

使用道具 举报

7

主题

365

帖子

1017

积分

金牌会员

Rank: 6Rank: 6

积分
1017
金钱
652
HASS币
10
QQ
 楼主| 发表于 2021-2-22 21:13:57 | 显示全部楼层
aiqienanguatou 发表于 2021-2-22 20:26
你加密是不是关了,还有你那个电量和油价什么的怎么添加的

电量:安卓是app发送过来的,苹果是icloud给过来的,我正文帖子上有写。
油价参考的最新油价
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

7

主题

365

帖子

1017

积分

金牌会员

Rank: 6Rank: 6

积分
1017
金钱
652
HASS币
10
QQ
 楼主| 发表于 2021-2-22 21:15:22 | 显示全部楼层
melau05 发表于 2021-2-22 20:56
请问楼主,人员的手机的电量提示是怎么来的?怎么添加出来的?非常感谢!  ...

电量:安卓是app发送过来的,苹果是icloud给过来的,我正文帖子上有写。
不过安卓电量和充电状态是分开的,通过icloud接入的苹果充电时电量图标上会有充电状态。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

7

主题

180

帖子

841

积分

高级会员

Rank: 4

积分
841
金钱
661
HASS币
10
发表于 2021-2-23 00:06:50 | 显示全部楼层
zxyny1989 发表于 2021-2-22 21:15
电量:安卓是app发送过来的,苹果是icloud给过来的,我正文帖子上有写。
不过安卓电量和充电状态是分开的 ...

你那个油价的卡片怎么装的能说下么
回复

使用道具 举报

7

主题

365

帖子

1017

积分

金牌会员

Rank: 6Rank: 6

积分
1017
金钱
652
HASS币
10
QQ
 楼主| 发表于 2021-2-23 00:16:28 | 显示全部楼层
本帖最后由 zxyny1989 于 2021-2-23 00:29 编辑
aiqienanguatou 发表于 2021-2-23 00:06
你那个油价的卡片怎么装的能说下么

configuration.yaml中:
sensor:
  - platform: oilprice
    name: 最新油价
    region: henan

卡片:
type: markdown
content: >
  <ha-icon icon="mdi:update"></ha-icon> {{
  state_attr('sensor.zui_xin_you_jie', 'update_time')}}

  ### <center>92#<ha-icon icon="mdi:gas-station"></ha-icon>  <font
  color=#ea4335> {{ state_attr('sensor.zui_xin_you_jie', '92')}}
  </font>                 95# <ha-icon
  icon="mdi:gas-station"></ha-icon>  <font color=#fbbc05>  {{
  state_attr('sensor.zui_xin_you_jie', '95')}} </font> <p> 98# <ha-icon
  icon="mdi:gas-station"></ha-icon><font color=#4285f4>  {{
  state_attr('sensor.zui_xin_you_jie', '98')}}</font>        
             0#柴油<ha-icon
  icon="mdi:gas-station"></ha-icon> <font color=#34a853>  {{
  state_attr('sensor.zui_xin_you_jie', '0')}} </font></center>

  - {{ states('sensor.zui_xin_you_jie') }}

  - {{ state_attr('sensor.zui_xin_you_jie', 'tips')}}
theme: Paper
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2021-3-5 02:24 , Processed in 0.115495 second(s), 37 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表