Search code examples
javascriptjquerycsswebkitoctoprint

How to change WebKit macro to false from CSS or JS

The new WebKit feature for loading large images asynchronously introduced in Safari Tech Preview 26 causes mjpg-streamer webcam based streams to flicker, the boolean property that defaults to true, largeImageAsyncDecodingEnabled, causes this issue. Link to the property definition

I am trying to find a way to set this property to false on the html page with CSS or JS. Is this even possible? Or is there another way to do it?

This is for OctoPrint running OctoPi for a 3D printer server. I found through trial and error, any image over 453x453 px is loaded asynchronously and causes the flicker to happen; it's akin to an annoying strobe light effect. I am using a resolution of 1280x720 for the webcam, and there is no issue before tech preview 26.

Thank you for the help!

Solution

  • The issue has now been fixed in Safari Tech Preview 37. https://trac.webkit.org/changeset/219876/webkit/