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

标题: 原来 图片元素 是支持视频文件的大大的惊喜 [打印本页]
作者: gmshiwoge    时间: 2021-4-9 14:27
标题: 原来 图片元素 是支持视频文件的大大的惊喜
效果非常的棒，准备入个ipad挂到房子入口，支持视频格式的话可以做几个天气的视频根据变化而变换天气视频文件了

作者: 情非殇    时间: 2021-4-9 14:32
这个穿梭时空的感觉，有点违和，换成天不动云在下面飘会不会比较有仙气？
作者: gmshiwoge    时间: 2021-4-9 14:33
情非殇 发表于 2021-4-9 14:32
这个穿梭时空的感觉，有点违和，换成天不动云在下面飘会不会比较有仙气？ ...

准备弄几个天气的 让他自动变化
作者: firelion    时间: 2021-4-9 16:27
配置文件能贴一下参考下么
作者: ghostist    时间: 2021-4-9 16:50
受启发  把lovelace-floorplan 按在上面  底图搞的扫地机器人底图
优待优化 不错
作者: 27hh    时间: 2021-4-9 17:23
哇，666，求视频素材！
作者: gmshiwoge    时间: 2021-4-9 17:42
firelion 发表于 2021-4-9 16:27
配置文件能贴一下参考下么
  1. image: /local/sw/yun1.m4v
  2. elements:
  3.   - type: image
  4.     entity: binary_sensor.door_window_sensor_158d00029b6125
  5.     tap_action: none
  6.     hold_action: none
  7.     state_image:
  8.       'on': /local/sw/hpbjb3.png
  9.       'off': /local/sw/hpbjb3.png
  10.       unavailable: /local/sw/hpbjb3.png
  11.     style:
  12.       left: 50%
  13.       top: 50%
  14.       width: 100%
  15.   - type: image
  16.     entity: switch.sonoff_1000b059cd
  17.     tap_action: none
  18.     hold_action: none
  19.     state_image:
  20.       'on': /local/sw/dtdd2.png
  21.       'off': /local/sw/tm.png
  22.       unavailable: /local/sw/tm.png
  23.     style:
  24.       left: 50%
  25.       top: 50%
  26.       width: 100%
复制代码
hpbjb3.png 是半透明背景图 不知道怎么把他设到底下第二层 找了个实体 on off unavailable 都指向这个张图 yun1.m4v是视频文件大概10m
作者: firelion    时间: 2021-4-9 18:43
gmshiwoge 发表于 2021-4-9 17:42
hpbjb3.png 是半透明背景图 不知道怎么把他设到底下第二层 找了个实体 on off unavailable 都指向这个张 ...

谢谢，左边的按钮和右边的的代码也贴一下学习学习呗
作者: gmshiwoge    时间: 2021-4-9 19:48
那个只是ps做出来的图片来的 开关的和传感器到官网图片元素文档有详细的
作者: killadm    时间: 2021-4-9 19:48
gmshiwoge 发表于 2021-4-9 14:33
准备弄几个天气的 让他自动变化

此处有人填坑
https://github.com/Villhellm/lovelace-animated-background
作者: gmshiwoge    时间: 2021-4-9 22:40
本帖最后由 gmshiwoge 于 2021-4-9 22:42 编辑
killadm 发表于 2021-4-9 19:48
此处有人填坑
https://github.com/Villhellm/lovelace-animated-background

谢谢了 角度不太对！找一下几个俯视卧视角度 效果还不错

作者: mars.z    时间: 2021-4-9 23:46
这个效果感觉好赞啊
作者: xiejianwsx    时间: 2021-4-11 13:18
你这个是floorplan还是官方的picture card？
作者: gmshiwoge    时间: 2021-4-11 16:43
官方的
作者: dcy411075564    时间: 2021-4-15 15:50
killadm 发表于 2021-4-9 19:48
此处有人填坑
https://github.com/Villhellm/lovelace-animated-background

大佬这个要怎么配置  没搞 明白
作者: boodesign    时间: 2021-4-16 13:49
不错，相当漂亮
作者: jck773656345    时间: 2021-4-27 11:06
好看，求素材
作者: jsfer888    时间: 2021-4-27 11:08
求背景素材
作者: gmshiwoge    时间: 2021-4-27 16:19
jsfer888 发表于 2021-4-27 11:08
求背景素材

借朋友包图网的账号下载的 原来视频删掉了 这些视频我剪成我那个分辨率了
作者: lisongjing    时间: 2022-2-8 16:39
楼主你好，添加
state_image:
      'on': /local/sw/hpbjb3.png
      'off': /local/sw/hpbjb3.png
      unavailable: /local/sw/hpbjb3.png
    style:
      left: 50%
      top: 50%
      width: 100%
这一段代码一直转圈是怎么回事，能指导一下吗？
作者: gmshiwoge    时间: 2022-2-8 20:57
lisongjing 发表于 2022-2-8 16:39
楼主你好，添加
state_image:
      'on': /local/sw/hpbjb3.png

你www文件夹添加图片素材了吗 还有代码的实体的id也没有啊
作者: yuyedehudie    时间: 2023-6-30 13:08
type: picture-elements
image: /local/ui/bg.m4v
elements:
  - type: image
    entity: switch.cuco_cp3ad_9dfb_switch_8
    state_image:
      'off': /local/ui/bg3.png
      'on': /local/ui/bg3.png
      unavailable: /local/ui/bg3.png
    tap_action:
      action: call-service
      service: switch.turn_on
      target:
        entity_id: switch.cuco_cp3ad_9dfb_switch_8
      data: {}
    hold_action:
      action: call-service
      service: switch.turn_off
      target:
        entity_id: switch.cuco_cp3ad_9dfb_switch_8
      data: {}
    style:
      top: 50%
      left: 40%
      width: 5%
为啥显示不了
作者: liufish6345    时间: 2024-1-21 11:11
大佬，能分享一下视频素材吗
作者: chrlee    时间: 2024-3-15 18:14
UI可以分享一下吗
作者: chrlee    时间: 2024-3-18 23:22
没注意看回复，楼层里有ui配置，感谢



欢迎光临 『瀚思彼岸』» 智能家居技术论坛 (https://bbs.hassbian.com/) Powered by Discuz! X3.5