OctoPrint-Dashboard icon indicating copy to clipboard operation
OctoPrint-Dashboard copied to clipboard

Published 20 hours ago • verified publisher icon j7126

Webcam enhancements

Open StefanCohen opened this issue 4 years ago • 4 comments

Possible webcam enhancements:

  1. Click image to zoom. This will display the image (scaled proportionately) in a modal view that fills the viewport. Click image again to get back.
  2. In unzoomed mode, set opacity with a transition on hover for the image to give a UX hint that it is possible to click the image. Like this example: https://www.w3schools.com/howto/howto_css_modal_images.asp
  3. Add setting in the webcam settings (available if multicam is enabled) to enable cycling thru the streams. Add setting for cycle time (default 5s?). Add button next to enable/disable webcam in Dashboard screen to pause/resume cycling
  4. The default background color in full-screen/full-browser mode is black and the stream loading animation is black so it doesn't show. Maybe set the animation color to something brighter in those cases?

StefanCohen avatar Oct 06 '20 08:10 StefanCohen

Also picture in picture

j7126 avatar Oct 06 '20 08:10 j7126

Maybe add a timeout to each camera config (default 5s?). Show the loading animation until the stream is fetched and a broken stream icon if the timeout is reached.

StefanCohen avatar Oct 06 '20 09:10 StefanCohen

Also: a button in the camera settings config modal to test the stream, similar to how OP does it.

StefanCohen avatar Oct 06 '20 09:10 StefanCohen

Additionally: when the full screen and full browser buttons are disabled the toggle webcam button looks a bit lonely up there, it should probably be moved to the top right corner of the webcam. image

j7126 avatar Jan 31 '21 08:01 j7126