mozmorris / react-webcam

Webcam component
https://codepen.io/mozmorris/pen/JLZdoP
MIT License
1.67k stars 284 forks source link

Video quality issue #307

Open OleksandrFomin opened 3 years ago

OleksandrFomin commented 3 years ago

I did make sure to add forceScreenshotSourceSize={true} screenshotQuality={1}

props to the <Webcam /> component but the video quality I receive after save is awful.

It would be great to know why it is so much worse than a native camera and if there is a way to improve the quality

mozmorris commented 3 years ago

@OleksandrFomin to get a screenshot we draw the image to a canvas and then covert the resulting image to base64. It isn't like accessing the camera natively at full resolution.

I'll try to create an example for you how I think you could improve the resolution eg use a large video size but style it small. I think another developer did this previously but I can't find the example right now.