Picture in picture mode for the webcam view on macOS/iOS


#1

What is the problem?
A <img> tag will not allow me to open the webcam stream in the macOS 'picture in picture' mode. This is only supported with the default <video> tag, not the <img> element that it is now. It would be nice to have this feature, this way I can just go about my day and have the printer webcam image just float around on my screen so I can keep an eye on it without having to switch browser tabs or have one of my screens taken up with a browser window.

Would be amazing if there was already a plugin that does this, but I searched and none of them promote this feature, but maybe that is because it is default behaviour on macOS/iOS devices.

What did you already try to solve it?
I did some digging and found the documentation https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_0.html if you scroll down to "Picture in Picture Support". It will work if you use the default <video> element on Safari browser higher than 9

Additional information about your setup
OctoPrint version: 1.3.9
OctoPi version: 0.15.1
printer: Ender 3
firmware: NA
octoprint.log: NA