LowellObservatory / NightWatch

A system to display a set of important information at an observatory.
2 stars 0 forks source link

Explore click-to-animate support for allsky camera image #30

Open astrobokonon opened 5 years ago

astrobokonon commented 5 years ago

I have things hardcoded in there at the moment

https://github.com/LowellObservatory/NightWatch/blob/ad0d0a138ebf3b2417c04ca2242a139339e800d8/nightwatch/static/js/canvasRefresher.js#L1-L10

but I could probably set up an onclick behavior for the all-sky camera div (or others) that changes the relevant URL, and then canvasRefresher.js could be modified to grab whatever content/URL from the specified div and refresh it. That could happen right after 'document.getElementById(key);'

https://github.com/LowellObservatory/NightWatch/blob/ad0d0a138ebf3b2417c04ca2242a139339e800d8/nightwatch/static/js/canvasRefresher.js#L78-L102

and it would replace the 'value' that I have hardcoded at the very top.

I'm not sure how all the HTML canvas and canvas context stuff shakes out in that case, but it could be tried. My guess is that if we start from static images it'll work, because the relevant HTML canvas and context stuff will be valid and it won't care what's actually there since all it really does is update img.url += "t?xxxxxxxxxxxx" at the very base level. That implies that it's still an tag though, so it's GIF-only at that point and the MP4 won't work without additional fiddling.