search

mebjas / mebjas.github.io

Repository for hosting my personal home page and blog.
https://blog.minhazav.dev
Apache License 2.0
13 stars 6 forks source link

HTML5 QR Code scanning with javascript - launched v1.0.1 | Minhaz’s Blog #3

Open utterances-bot opened 4 years ago

utterances-bot commented 4 years ago

HTML5 QR Code scanning with javascript - launched v1.0.1 | Minhaz’s Blog

In 2015 I had written an HTML5 based QR code scanning library as a jQuery extension. Recently I realised there was some consistent traffic on my Github Project and the demo page. As I dug more into what was going on and I was embarrassed to see the poor design and obsolete support to the latest HTML APIs around Camera. I recently fixed some of the issues and refactored the javascript library that is now independent of jQuery and supports Promise based APIs. In this article I’ll explain how to use the new version of the library, some changes and reasons for them and existing issues and plan to fix them.

https://blog.minhazav.dev/HTML5-QR-Code-scanning-launched-v1.0.1/

greggiewalker commented 2 years ago

Any tips for getting QR code scanner to work on a Sony Bravia Professional Display (X1) with a USB camera. Platform is Android10 with Chomium. Android System WebView Version100.0.4896.88 App looks OK, camera is functional but just won't scan a QR Have wrapped in a APK wrapper with camera, video and storage permissions Same works on an old Samsung Tablet

CogworkGoblin commented 2 years ago

Hi hopefully this is very basic... it all seems to work well (with most of the sample qr/bar codes), The scanbox gets a green border and I get feedback in the console... but nothing else? is there a way to access the code scanned? Code scanned = 123456 {decodedText: '123456', result: {…}} decodedText : "123456" result : format : e {format: 8, formatName: 'ITF'} text : "123456" [[Prototype]] : Object constructor : ƒ Object() hasOwnProperty : ƒ hasOwnProperty() isPrototypeOf : ƒ isPrototypeOf() propertyIsEnumerable : ƒ propertyIsEnumerable() toLocaleString : ƒ toLocaleString() toString : ƒ toString() valueOf : ƒ valueOf() defineGetter : ƒ defineGetter() defineSetter : ƒ defineSetter() lookupGetter : ƒ lookupGetter() lookupSetter : ƒ lookupSetter() proto : (...) get proto : ƒ proto() set proto : ƒ proto() [[Prototype]] : Object constructor : ƒ Object() hasOwnProperty : ƒ hasOwnProperty() isPrototypeOf : ƒ isPrototypeOf() propertyIsEnumerable : ƒ propertyIsEnumerable() toLocaleString : ƒ toLocaleString() toString : ƒ toString() valueOf : ƒ valueOf() defineGetter : ƒ defineGetter() defineSetter : ƒ defineSetter() lookupGetter : ƒ lookupGetter() lookupSetter : ƒ lookupSetter() proto : (...) get proto : ƒ proto() set proto : ƒ proto()

ryeong928 commented 1 year ago

thanks for great library. how can i show only __scan_region? i waana style the rest other than __scan_region.

Ahmed-Fathy017 commented 1 year ago

I want to override the buttons and qr scanner wrapper styling to be consistent with my application style. Is this possible?

Mbengparis commented 6 months ago

How can i configure the scanner to scan white barcodes?. I have tried scanning but nothing happens.

gandhimonik commented 3 months ago

After starting the scanner, how do we obtain the data embedded in the QR code?