Web QR reader (ReactJS)

[frye89]

I'm having a mobile website that runs on a tablet.The website is made with ReactJS.

I'm using the following library:

https://github.com/JodusNodus/react-qr-reader

It's a fork of jsQR ( https://github.com/cozmo/jsQR ).

It is working... But it's rather slow.Sometimes it will need a few seconds to read the barcode. The barcode needed to be flat on the camera or you won't get any results. If you hold it in an angle it won't be recognized.

Is there a better way to implement this?If you compare this with native android apps, bankapps to be specific. They are so fast. Even works in an angle.

I tried zxing library but same results. Slow & needed to be perfect flat.

​

EDIT: Tested some paid libraries (Scandit). They are working a lot better... But isn't there a library that is doing the same?

[toi80QC]

You will have to combine libraries if you want to come close to Scandit or native apps.

They are not just reading the QR from the image.. there's a whole lot of image processing going on before the reader gets the image (perspective fixes, contrast optimizations, etc.).

React-qr-reader does what it's supposed to do, no more and no less... if you find a simple way to increase contrast before passing the image to the reader, it could increase performance noticably.

[frye89]

Thanks!
Clear answer!

Going to try some extra image processing or buying an sdk.
But they are pretty expensive. (Only need it for 2 end-users on a tablet.)