使用Angular js HTML5进行条形码和Qrcode扫描

Question

I require to scan Barcode and Qrcode on Android /iphone/ipad devices. The Project is completely based on Angular JS and HTML5.It is mobile website.

Below is the requirement. It should not download any third party native application on device.So unable to use native Zxing application.

So,is there any way in javascript/HTML5/jquery/Angular js through which we can scan barcode using native camera?

We tried below javascript library but found not useful as it is only for QRcode and not opening camera as well. https://github.com/LazarSoft

Please Help!!

Answer 1

Please read through this plugin, should help you achieve what you are looking for. Try the DEMO LINK - This is a cross platform jQuery library to create a QRcode reader for HTML5 compatible browser.

Answer 2

I adapted html5-qrcode plugin as AngularJS directive.

You can find it in this repo:

https://github.com/sembrestels/angular-qr-scanner