About | Minhaz’s Blog

[utterances-bot]

About | Minhaz’s Blog

I work full time as a Software Engineer at Google. Time to time I come across problems I don’t find solutions to on web and I try to pen it down here. My area of expertise are distributed systems, android, android camera, emerging markets, applied ML and computational photography. I am sometimes identified as mebjas or minhazav.

https://blog.minhazav.dev/about/

[howardgerson]

Hi Minhaz, I am learning about your Html5-QrCode tools, a quick question about how and where to set the zoom feature? Thank you very much! Howard

[WernerUEDIS]

Hi Minhaz,

I just want to take a second to Thank you for your OpenSource 2D Barcode scanner Dev. We are successfully using it within a small site for our reps in South Africa. Developersl ike you make the Internet so powerfull. Thank you Very Much

[mebjas]

@howardgerson

I am learning about your Html5-QrCode tools, a quick question about how and where to set the zoom feature? Thank you very much! Howard

Use config like this with latest version

let html5QrcodeScanner = new Html5QrcodeScanner(
    "reader", 
    { 
        fps: 10,
        qrbox: qrboxFunction,
        useBarCodeDetectorIfSupported: true,
        rememberLastUsedCamera: true,
        aspectRatio: 4/3,
        showTorchButtonIfSupported: true,
        showZoomSliderIfSupported: true,
        defaultZoomValueIfSupported: 2
        // ^ this means by default camera will load at 2x zoom.
    });

[rifadul]

@mebjas I am really grateful to you for creating this amazing package. I am using this package in React TypeScript. I am facing some issues with this package. I need some help from you.

1. I run the project and give the camera permission to scan the QR or Bar code after that stop the scanning and that time if I reload this page or go to another page and come back to this page the camera is open. It's it possible to customize the camera permission? If I reload the page or come back to another page the camera without permission or without starting it's not open.

2. How to customize the button text and style?

3. Is it possible to customize more?

can you please help with this?

[iceStorm]

Hi @mebjas,

While using Html5QrcodeScanner, how can i create a custom UI ?! I mean how to hide the cameras list and the Start scanning/Stop scanning buttons ?!

Many thanks.

[junlicn]

Hi, html5-qrcode is a great tool! I want to know what is the maximum density of QR codes that the library can support, in terms of the maximum data capacity (in bytes), assuming that the camera allows for such high-density QR codes?

[tobias77X]

Hi @mebjas,

Thanks for your Html5QrcodeScanner - it's really a great tool!

I do just have the problem that reading small QR-Codes does not work using an iPad. The QR-Codes have a size of approx. 3x3cm. And I need to use the front camera on the same side as the display. Larger codes do work perfectly! But for the small codes, you have to place them close to the lense and so they are out of focus. If you place them with a larger distance to the lense, they are too small to read.

I tested a lot of things already, but couldn't get it to work. So, do you maybe have a hint for me? Would be great. Thank you! Tobias

[Maxgfngfbnfbn]

Hi! Does not work from under the flutter_webview widget. Does not request permissions and the element collapses. But even if you give the application permission to access the camera, your element still collapses. What could be the problem?

[RLBrooks]

I use Scanapp on my chromebook. For this i have to take a screenshot with QR code then use that image file for scanapp to process. Suggestion, it would be easier, and a little faster, if I can copy the qr image and paste that into the scanapp screen instead of getting the fileid of the screenshot and passing that to scanapp. Very useful app, thanks for creating it.

[malemodel]

hey there Minhaz. appreciate having an in browser scan app (vs in a mobile app). thank you for putting this out for the community. my question is will the javascript library for html5QrcodeScanner support GS1 barcode format any time soon? visually GS1 looks a lot like the RSS_EXPANDED example on the supported formats page on scanapp.org. if not in the near future for html5QrcodeScanner, would you be able to point in the right direction of an existing html5/jacascript solution? thanks.