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

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

 找回密码
 立即注册
查看: 592|回复: 9

[经验分享] 给HA加个动态背景 跟随天气情况变化

[复制链接]

5

主题

69

帖子

536

积分

高级会员

Rank: 4

积分
536
金钱
467
HASS币
5
发表于 2021-4-26 14:43:48 | 显示全部楼层 |阅读模式
效果如图:

                               
登录/注册后可看大图


具体方法:
HACS中搜索Lovelace Animated Background并安装,然后在HA的仪表盘的原始配置编辑器的最上面中添加下面的代码即可

animated_background:
  default_url: "https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4"
  included_users:
    - Villhellm
  # This entity is just an example, use whatever entity you would like
  entity: "你的天气实体ID"
  state_url:
    'sunny':
      - "https://cdn.flixel.com/flixel/hlhff0h8md4ev0kju5be.hd.mp4"
      - "https://cdn.flixel.com/flixel/zjqsoc6ecqhntpl5vacs.hd.mp4"
      - "https://cdn.flixel.com/flixel/jvw1avupguhfbo11betq.hd.mp4"
      - "https://cdn.flixel.com/flixel/8cmeusxf3pkanai43djs.hd.mp4"
      - "https://cdn.flixel.com/flixel/guwb10mfddctfvwioaex.hd.mp4"

    'partlycloudy':
      - "https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4"
      - "https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4"
      - "https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4"
      - "https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4"
      - "https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4"
      - "https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4"

    'cloudy':
      - "https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4"
      - "https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4"
      - "https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4"
      - "https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4"
      - "https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4"
      - "https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4"

    'mostlycloudy':
      - "https://cdn.flixel.com/flixel/e95h5cqyvhnrk4ytqt4q.hd.mp4"
      - "https://cdn.flixel.com/flixel/l2bjw34wnusyf5q2qq3p.hd.mp4"
      - "https://cdn.flixel.com/flixel/rrgta099ulami3zb9fd2.hd.mp4"

    'clear-night':
      - "https://cdn.flixel.com/flixel/x9dr8caygivq5secll7i.hd.mp4"
      - "https://cdn.flixel.com/flixel/v26zyfd6yf0r33s46vpe.hd.mp4"
      - "https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4"
      - "https://cdn.flixel.com/flixel/rosz2gi676xhkiw1ut6i.hd.mp4"

    'fog':
      - "https://cdn.flixel.com/flixel/vwqzlk4turo2449be9uf.hd.mp4"
      - "https://cdn.flixel.com/flixel/5363uhabodwwrzgnq6vx.hd.mp4"

    'rainy': "https://cdn.flixel.com/flixel/f0w23bd0enxur5ff0bxz.hd.mp4"


其中的示例视频可以自己调整成自己喜欢的视频。

评分

参与人数 2金钱 +40 收起 理由
+ 20 感谢楼主分享!
neroxps + 20 厉害了word楼主!

查看全部评分

回复

使用道具 举报

40

主题

2612

帖子

9085

积分

超级版主

Nero

Rank: 8Rank: 8

积分
9085
金钱
6423
HASS币
162
发表于 2021-4-26 14:50:13 | 显示全部楼层
挺炫的~不过会不会导致页面加载速度比较慢?

感觉背景用 CSS 弄一个炫酷的就好 根据天气改变~
Nero
回复

使用道具 举报

3

主题

221

帖子

1399

积分

金牌会员

Rank: 6Rank: 6

积分
1399
金钱
1178
HASS币
0
发表于 2021-4-26 14:53:25 | 显示全部楼层
居然全部都是在线视频,这不得卡死
回复

使用道具 举报

5

主题

69

帖子

536

积分

高级会员

Rank: 4

积分
536
金钱
467
HASS币
5
 楼主| 发表于 2021-4-26 15:00:17 | 显示全部楼层
Solita 发表于 2021-4-26 14:53
居然全部都是在线视频,这不得卡死

也可以用本地的哈 实际用起来没感觉卡,加载蛮流畅的
回复

使用道具 举报

0

主题

43

帖子

299

积分

中级会员

Rank: 3Rank: 3

积分
299
金钱
256
HASS币
0
发表于 2021-4-26 15:26:11 | 显示全部楼层
炫酷的一匹!
回复

使用道具 举报

8

主题

364

帖子

1387

积分

金牌会员

Rank: 6Rank: 6

积分
1387
金钱
1023
HASS币
0
发表于 2021-4-26 21:38:58 | 显示全部楼层
谢谢分享,很不错,有时间了搞下
回复

使用道具 举报

4

主题

227

帖子

1185

积分

金牌会员

Rank: 6Rank: 6

积分
1185
金钱
958
HASS币
0
发表于 7 天前 | 显示全部楼层
谢谢,楼主分享
回复

使用道具 举报

23

主题

161

帖子

966

积分

高级会员

Rank: 4

积分
966
金钱
805
HASS币
0
发表于 5 天前 | 显示全部楼层
有好素材分享吗
回复

使用道具 举报

2

主题

54

帖子

266

积分

中级会员

Rank: 3Rank: 3

积分
266
金钱
212
HASS币
0
发表于 4 天前 | 显示全部楼层
怎么添加到前端ui、希望楼主指点一下
回复

使用道具 举报

0

主题

54

帖子

519

积分

高级会员

Rank: 4

积分
519
金钱
465
HASS币
0
发表于 前天 07:46 来自手机 | 显示全部楼层
添加后没有出现
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2021-5-7 18:47 , Processed in 0.117889 second(s), 33 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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