GIF update from URL with MMM-EyeCandy

JRWJR

@Mykle1 Works great! I have no clue what the conflict is but will finish out my build and see if anything crops up. Thanks!

I now have a great weather radar live feed!

Mykle1

@JRWJR

That’s good news. Have fun! :-)

JRWJR

FYI… I totally rebuilt the MM and test the EyeCandy module as reported and the update worked fine.

After a completed my full build, it would do an initial load of GIF but then would not update.

I also have Google traffic modules not working as previous and think maybe there is a conflict.

I did briefly isolate in the config file, just EyeCandy and the update issue persisted.

I am going to try and take out modules from folder a few at a time to see until I can get an RCA.

Just wanted to give you an update to the reproduced issue in my build.

JRWJR

I am greedy. I want what I should not ask.

It is updating just fine.

What is not updating is when I use multiple modules by copy folder, rename folder\js file and module name inside. I even attempted to change some of the vars to emulate a new module to no success.

Would like to have 3 gif maps in cycle for City, State\Regional and National weather radar.

Have a similar problem with how to scale MMM-GoogleMapsTraffic, but that is a whole more complex module it seams.

At least I can work with one and maybe schedule them to work when there is an interest in that level of radar detail.

majdzik84

@ninjabreadman Could you please explain to the novice where to insert the code?

... // img creation, etc
var getTimeStamp = new Date().getTime();
img.src = "https://icons.wxug.com/data/weather-maps/radar/united-states/united-states-current-radar-animation.gif?seed=" + getTimeStamp;
pic.appendChild(img);
wrapper.appendChild(pic);

in which file?
I want the camera snapshot to have a time stamp because without it the same photo is still there and I want to use it in the alert module

You wrote in a different topic

@chef The POST request isn’t sending it an image, it’s sending the URL to the image (e.g. http://192.168.2.18:9920/security/values/2). The problem is, it already has a cached copy of that image. I suggest you append a timestamp to trick electron into re-fetching the same image/resource.

You want to pass it a URL-encoded value, so use %3F as ? and just append your timestamp, like so:

http://192.168.2.48:8080/api/v1/modules/alert/show_ALERT?timer=10500&imageUrl=http://192.168.2.18:9920/security/values/2%3F
{INSERT TIMESTAMP HERE}&imageHeight=220px

I will be grateful for any help because I have been fighting for several hours.

sdetweil

@majdzik84 wherever u build the url to your photo, the key is to pass some changing value, so the cache will get the new unique data.

the trick, is to pass a parameter to the server as part of the url, but the server is not expecting any parameters, and will ignore them

parameters on a url come after the ?
so newurl=
“old_url?fake_parm_name=”+millisecond_timestamp

moment().valueOf() will return the always unique millisecond_timestamp value

the name of the parm doesn’t matter as the server of the image is not expecting it, and the caching check is simple. is the url the SAME as one we already have data for

no, get new data

majdzik84

parameters on a url come after the ?
so newurl=
“old_url?fake_parm_name=”+millisecond_timestamp

moment().valueOf() will return the always unique millisecond_timestamp value

Can you tell me exactly what I need to do to get it? I understand how this should work, but I can’t do it

http://192.168.2.48:8080/api/v1/modules/alert/show_ALERT?timer=10500&imageUrl=http://192.168.2.18:9920/security/values/2%3F
{INSERT TIMESTAMP HERE}&imageHeight=220px

{INSERT TIMESTAMP HERE} - What should the variable I type {…} look like

sdetweil

@majdzik84 ok. it looks like you are using remote-control to send an alert request, which should display an image?

is that correct?

so the image url is

'http://192.168.2.18:9920/security/values/2%3FimageHeight=220px%26someid='+moment().valueOf()

note that I have made the imageUrl a literal and appended the timestamp

you would still have to add the link for remote-control to the front

majdzik84

@sdetweil I am using the standard alert module to use an alert with an image.

Below is exactly my code that works fine but I can’t include a variable.

I am sending the command from home assistant via rest_command

http://192.168.2.200:8080/api/module/alert/showalert?message=Drzwi%20gara%C5%BCowe%20s%C4%85%20otwarte&imageUrl=https://xxx.com/local/snapshots/front.jpg&imageHeight=600px

is it correct because it doesn’t work?

http://192.168.2.200:8080/api/module/alert/showalert?message=Drzwi%20gara%C5%BCowe%20s%C4%85%20otwarte&imageHeight=600px&imageUrl=https://xxx.com/local/snapshots/front.jpg%3Fsomeid='+moment().valueOf()

sdetweil

@majdzik84 said in GIF update from URL with MMM-EyeCandy:

I am sending the command from home assistant via rest_command

sorry, I don’t know how to make this work from home Assistant. I was making work from inside MM.

u could edit the Remote-Control module when it receives an alert request and append the timestamp there
but as u are not a coder, this will be difficult.