Animowana Tapeta - Lovelace Animated Background

luki25 · 19 Marzec 2021 07:35

Cześć
Kto chce animowaną tapetę jako tło zmieniające się w zależności od pogody?

=>hacks=>Lovelace Animated Background
=>konfiguracja=>daschboard=>zasoby=> dodajemy =>/hacsfiles/lovelace-animated-background/animated-background.js (wg dokumentacji)
=>restart HA (cały host)
=> wchodzimy do naszego daschboard=> prawy górny róg - edytuj daschobard=>ponownie prawy górny róg => Edytor konfiguracji YAML=> wklejamy kod z dokumentacji: na początek (jak by co to skopiujcie sobie cały swój kod, gdyby nie pykło)

u mnie tak wygląda początek kodu

animated_background:
  default_url: 'https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4'
  entity: weather.openweathermap
  state_url:
    snowy:
      - 'https://cdn.flixel.com/flixel/8cmeusxf3pkanai43djs.hd.mp4'
    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'
title: Dom
views:
  - icon: 'mdi:home'
    panel: false
    path: Dom
    theme: Backend-selected
    title: Dom sterowanie
    badges: []
.
.
....itd wasz kod

następnie instalujemy z hacks motyw: ios-dark-mode (daje przeźroczysty motyw)

i mamy taki efekt

https://cdn.flixel.com/flixel/zjqsoc6ecqhntpl5vacs.hd.mp4

Andrzej_Wolny · 10 Listopad 2022 16:48

Witam, dzięki za fajny wpis. Jest możliwość zmniejszenia wyświetlanej tapety. U mnie jest przeskalowana do około 120 %.

Pauloxx81 · 9 Czerwiec 2023 18:33

Odświeże troche Archeoo:

jak zmusić Animated do zmiany tapety? Zainstalowałem wszystko jak poniżej i nic mi nie wyświetla. Dodałem do

animated_background:
  default_url: https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4
  entity: weather.dom
  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

dodałem ścieżki do YAML i nic nie pokazuje na żadnej karcie

szopen · 9 Czerwiec 2023 18:49

Do jakiego/którego YAML?

Pauloxx81 · 9 Czerwiec 2023 19:12

przy educji dasboardu po prawej stronie (głównego nie karty)

artpc · 10 Czerwiec 2023 05:11

Działające .

animated_background:
  default_url: https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4
  opacity: 80
  included_users:
    - Artur
  entity: weather.home_daily
  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
views:
  - title: Home
    cards:
      - type: weather-forecast
        entity: weather.home_daily
  - title: '123'
    path: '123'
    badges: []
    cards: []

Pauloxx81 · 11 Czerwiec 2023 07:25

niestety u mnie nadal nie dziala. zastanawiam sie czy to nie wina sciezek do zasobów?

krskrab · 11 Czerwiec 2023 11:56

Czy twój sensor entity: weather.dom ma jeden z stanów taki jak na liście (sunny, partlycloudy, cloudy, fog…) ?

ScreenShot_20230611125001
/

Ma podstawowy default_url więc powinno działać nawet bez “stanu”

artpc · 11 Czerwiec 2023 12:08

Skorzystaj z tego https://github.com/rbogdanov/lovelace-animated-background

Pauloxx81 · 11 Czerwiec 2023 12:18

Stany pokazuje prawidlowo

marcinwojciesz · 2 Październik 2023 19:11

Czy dziala u Was animacja??

luki25 · 2 Październik 2023 19:12

nie, juz jakis czas temu chyba zostało to wyłączone jako dodatek

artpc · 2 Październik 2023 19:30

Animacja działa jak najbardziej.

Kod YAML RAW

animated_background:
  default_url: https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4
  entity: weather.dom_2
  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

marcinwojciesz · 5 Październik 2023 12:21

Mam dokładnie ten sam kod - niestety nie działa.

luki25 · 5 Październik 2023 12:37

Ciekawe że działa. O ile pamiętam to została wyłączona ta integracja.

Nie wszystkie dodatki od razu umierają ja do tej pory używałem oryginalnego Growatt zaimplementowanego w ha który został w lutym wyłączony, a Sun Card działa do dziś

artpc · 5 Październik 2023 15:27

Skorzystaj z tego repo. https://github.com/rbogdanov/lovelace-animated-background#add-chages-for-homeassistant-version-2023040

Nikt ich nie wyłącza, jeżeli autor nie aktualizuje swoich integracji według wytycznych HA, nie poprawia błędów,wtedy zostaje oznaczony jako przestarzały lub całkowicie usunięty, tak też będzie w przypadku niektórych integracji pogodowych jeżeli nie zostaną dostosowane do nowych wymogów HA.