/bc-qr-reader

Angular QR Reader Directive

Primary LanguageCoffeeScript

bc-qr-reader

QR Code reader directive for AngularJS.

It uses webcam-directive to access the camera and Lazarsoft QR reader to process the QR code.

Install

bower install --save blockchain/bc-qr-reader

Demo

See it live in this Plunker.

Your browser won't permit using the camera when looking at a local file, so the following won't work: clone this repository, run bower install and open demo/index.html in a browser. Also note that HTTPS is required, so this won't work.

Usage

Include dist/bc-qr-reader.js as well as bower_components/webcam-directive/app/scripts/webcam.js. Add the webcam and bcQrReader module to your application.

<bc-qr-reader
  active="cameraRequested"  
  on-result="processURLfromQR"
  on-error="onError"
  camera-status="cameraIsOn"
></bc-qr-reader>

Development

npm install
cd src && git clone https://github.com/blockchain/jsqrcode

Update bower package

npm install
grunt dist