I’m getting errors that seem to be preventing the dynamic background media image on my dashboard from displaying. Has been working for a long time so not sure what has changed. Not sure if it has to do with issues with Hubitat’s OAuth servers? Or something else?
The image shows when I enter the URL directly into my browser. But it doesn’t show on the preview when entering the media item:
Ideas?
Try clicking the Learn More link and trying the steps there.
In the first line of your browser logs screenshot, it seems like the browser is trying to automatically update the media request from HTTP to HTTPS and failing. I would double-check what the setting is for Mixed Content for the site in Chrome (per the linked article) as you would need to explicitly allow that.
Does it make a difference that this is happening in both Chrome and Safari? And I have enabled insecure content in Chrome already…I don’t know if there are similar steps that I would need to take in Safari though.
Most modern browsers have started limiting Mixed Content, so yes, it’s likely an issue with Safari too but I don’t know if there’s a setting to allow Mixed Content with the latest Safari versions as I’m out of the office at the moment (on vacation).
The “correct” approach to resolving this in the eyes of the browser developers is for all resources to be served over SSL. And while I think that’s applaudable for most company websites and web apps, it doesn’t take into consideration this use case where a user wants to display their own content from a local source.
On that same topic, if it’s from a Hubitat app (or driver via the API), you could use the cloud endpoints which supply their own valid SSL cert.
There’s other approaches like proxying the requests with a valid SSL certificate (I do this on my network with Caddy2) and I’m happy to share more details about alternative approaches if you have questions.
Looks like i may need to try this alternative approach. I can’t serve via the cloud endpoint because HE limits the cloud message size.
