Javascript QR code reading libraries

javascript cordova qr-code
Alec Wenzowski picture Alec Wenzowski · Oct 12, 2011 · Viewed 44.5k times · Source

I wish to use QR codes in a PhoneGap-based mobile app. There are several ways to generate QR codes using javascript. I'm using Jerome Etienne's jquery-based solution.

I'm looking for a pure Javascript solution or a set of PhoneGap plugins for the camera-enabled platforms that will read QR encoded data in an image.

So far all I've found is a demo by LazarSoft. Are there any other solutions?

Answer

asbjornenge picture asbjornenge · Jun 29, 2012

UPDATE I finally put up my demo using jsqrcode. Try it here.

These http://www.webqr.com/ guys have actually ported the ZXing qrcode scanner to javascript https://github.com/LazarSoft/jsqrcode !!

The only thing you need the flash thing for is to use the webcam (in their examples). The javascript decode and detection works on canvas elements.

I'm currently using the HTML5 Camera API and the javascript bits from LazarSoft to detect and decode QR codes in the browser. Pure web :-D

For desktop testing set the Enable MediaStream flag under chrome:flags, or get the camera bundled client from Opera Labs http://snapshot.opera.com/labs/camera/

Related questions

How To Save Canvas As An Image With canvas.toDataURL()?

I'm currently building a HTML5 web app/Phonegap native app and I can't seem to figure out how to save my canvas as an image with canvas.toDataURL(). Can somebody help me out? Here's the code, what's wrong with it? //…

Read More
Refused to load the script because it violates the following Content Security Policy directive

When I tried to deploy my app onto devices with Android system above 5.0.0 (Lollipop), I kept getting these kind of error messages: 07-03 18:39:21.621: D/SystemWebChromeClient(9132): file:///android_asset/www/index.html: Line 0 : Refused to load the script 'http://xxxxx' because …

Read More
How do I correctly detect orientation change using Phonegap on iOS?

I found this orientation test code below looking for JQTouch reference material. This works correctly in the iOS simulator on mobile Safari but doesn’t get handled correctly in Phonegap. My project is running into the same issue that is …

Read More