#Looking at the GitHub that hasn t been

1 messages · Page 1 of 1 (latest)

tender mason
#

It's the original animated background from HACS, but a hack was needed after it broke. The original dev passed away and another user created the hack and it still works currently. I'll post the links for the original and the post with instructions how-to use the fixed code. Pretty simple IIRC. Headed out STM, but will get info asap👌 ...also will get repo updated to reflect new changes☑️

radiant leaf
#

@steel spoke Here's some new information for you.

#

I've never been much into animated backgrounds (I'm plain and boring) but looking at some of the videos on MixKit, I might have to reconsider.

tender mason
#

Okay, sorry I didn't scroll up to see the previous messages, I'll post what code I am currently using that does work, when I get back

radiant leaf
#

Kind of caught me off-guard applying a simple background image. My custom:button-cards have a transparent background. Might need to apply some opacity to them...

image.png
steel spoke
#

Appreciate this a lot guys thank you so much

tender mason
#

I'll post the automation that changes the backgrounds later and I also have a hold_action on a button that will manually change the screens on my bottom sticky bar.

tender mason
radiant leaf
#

@steel spoke I got the animated backgrounds working. I just added the repository to HACS that DinoTech mentioned above. I didn't figure it would have been that easy but I read here that it was what they did. Literally just added repository, installed, dropped example code into the Raw Editor, set my weather entity, and added the animated_background: weather to the view.

#

Since you've already installed the original, I would suggested removing that one and then added the forked repository.

steel spoke
#

thank you so much man

#

so I remove the old repo I have

#

and install the new one right?

#

nice background btw

radiant leaf
#

Yup. Other than removing the old (in your case), only thing I did was add the custom repository.
https://github.com/dreimer1986/lovelace-animated-background

image.png
steel spoke
#

Ok I'm going to do it now and let you know instantly

#

ok I got it now I'm going to do the things

#

also added the new module

#

as it states

#

and now it should work

radiant leaf
#

I did not do that part.

steel spoke
#

oh

#

maybe I dont need to then

#

everything looks good right?

#

plus I added the weather animation thing as well

#

btw does it need to be the specific entity or just weather.home

radiant leaf
#

You should be able to use whatever entity provided it gives a matching state (sunny, partlycloudy, etc.). I ended up using sensor.openweathermap_condition because my weather.home was unavailable at the time (so no animated background.)

steel spoke
#

so you want me to remove the animated_background

#

and replace the entity with sensor.openweathermap_condition

radiant leaf
#

Actually, you're missing the first couple lines of the code and you're indention is going to be off.

steel spoke
#

ah I got it

#

omg it works

#

holy shit thank you so much

#

countless of hours trying to figure it out

#

youre a 200 iq wizard

#

my god I appreciate this

#

a lot

radiant leaf
#

I can see the potential for this. I would consider saving the videos so they can be called locally rather than requesting from the web each time. Also, looking at DinoTech's code and example, he uses an input_select entity for the different "states/videos to show" with an automation that "advances" the input_select to the next entry. I'm assuming a state change will change the video showing.

#

Confirmed state change does change the video so that's cool.

steel spoke
#

that is cool I also got custom ones to

#

like a dancing squirrel just for testing

tender mason
#

Glad to see y'all got it working 🥳
Another trick I use, (because I love to look at the backgrounds), is having my wall mount navigate to a blank panel screen after so many minutes of no motion and the videos play behind a huge analog clock, then on motion it snaps back to the regular screen which only has still image backgrounds so the buttons are easier to see... I'll get some video this weekend and get some more of my repo updated as well. (Thanks for the push D plusone ), I got busy and just let it go after all of the hard work and weeks put into getting it up and going...

#

The bottom center navigation button uses hold action to change the videos as well. I also added the color change for the "accent" colors to match several of the videos. Never quite finished all of them tho🫢

radiant leaf
#

Interesting "side-effect" of the animated background, on my Echo Show 15, it keeps the browser active. (Normally, it time's out and returns to the Home screen which I don't care for. Usually, my Frigate card keeps it active but I think I have a problem with my Wyze bridge so my cameras aren't working through HA right now. Something streaming is the key to keeping the browser active.)

tender mason
#

Nice, even with my setup I have to use a restart automation for when the screen times out. Fixed my issues with that. Plagued me forever. Couldn't seem to find any other way. Running FKB on a cheap $90 Android tablet from Amazon, but uses Android 11 Lite, I think that is what it's called

radiant leaf
#

I have two Fire 10 HD Pluses with the wireless charging docks. Motion detectors in the room turn the screens on/off. Unfortunately with the Echo Show 15, Amazon made it impossible to add FKB (it used to work but not any more) and there's no good way to automatically bring up the dashboard. I can get the browser to open but it won't browse and I can't set a homepage. But the Fire 10s work great.

radiant leaf
#

So, I've been playing with the animated backgrounds. Figured out how to save them locally in the www folder. Learned that multiple default videos can be defined (for when an entity state does not match). I adjusted the background of the custom:button-cards from transparent to rgba(255,255,255,0.1) to create a bit of contrast. I'm trying to figure out how I want to incorporate everything.

#

I'm not really interested in using the weather states as the examples show. I'm primarily thinking of just using videos that are smoke on black backgrounds and perhaps stars on black backgrounds randomly chosen as defaults.

#

However, I'm thinking that it might be nice to incorporate some sort of holiday background rotation. I could use sensor.date to determine the date and show appropriate backgrounds (though I will probably have to create some sort of template sensor just to be able to return a dd-mm and not a dd-mm-yyyy).

#

What I cannot wrap my head around is some sort of way to get the entity to do a state change so a new video is loaded, say, every couple of hours, but still be able to maintain the date capability.

tender mason
#

Just seeing this, but what I do with my non-moving backgrounds may do the trick. My stationary BG's are grouped into morning, mid-day and night sets. The BG's change every few minutes and then 3 times per day the entire set changes based on the preselected time of day. The mechanics are fairly simple by using an automation and input_selects. My repo has that info updated as to what I'm using currently. The main change needed would be to make my "sets" be for holidays instead of time of day. If I get time tomorrow, I'll throw together a working example of what I mean. Definitely think this is doable by all means without getting too complicated 👍🏻