Poor Image Quality about jscanify HOT 7 CLOSED

Is this a software or hardware issue? Is the image coming from the camera blurry?

from jscanify.

from jscanify.

What I'm looking to achieve is:

• a. The best possible image quality.
• b. Dynamic width and height: I want the paper size to be determined by the image, rather than inputting dimensions manually, as not all documents are the same size.

Here's a demo link: https://jsscanner.netlify.app

from jscanify.

In the video constraints, did you try adding something like the following?

video: {
            width: { ideal: 99999 },
            height: { ideal: 99999 },
            facingMode: "environment"
        }

In the example you provided it looks like this:

navigator.mediaDevices.getUserMedia({
        video: { facingMode: 'environment' },
      });

from jscanify.

@robinreckmann Ah, no. Let me try that now.

from jscanify.

I've got it working to an extent, but there are some minor issues that I will try to fix later. Setting the initial width and height as follows:

    const constraints = {
      facingMode: 'environment',
      width: { ideal: 99999 },
      height: { ideal: 99999 },
    }
    const video = { audio: false, video: constraints };

was causing lagging on mobile, so I had to use advanced property instead.

const constraints = {
     facingMode: 'environment',
     advanced: [
       { width: { exact: 2560 } },
       { width: { exact: 1920 } },
       { width: { exact: 1280 } },
       { width: { exact: 1024 } },
       { width: { exact: 900 } },
       { width: { exact: 800 } },
       { width: { exact: 640 } },
       { width: { exact: 320 } },
     ],
   };

from jscanify.

Glad you could figure it out! If you come across any other issues, do let me know 👍

from jscanify.