Video quality issue

[OleksandrFomin]

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]

@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.