bitcoin-atm

angular-qr-scanner.js

(2864B)

 angular.module('angular-qr-scanner', [])
 .directive('qrScanner', ['$timeout', '$rootScope', function($timeout, $rootScope) {
   return {
     restrict: 'E',
     scope: {
       ngSuccess: '&ngSuccess',
       ngError: '&ngError',
       ngVideoError: '&ngVideoError'
     },
     link: function(scope, element, attrs) {
     
       window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
       navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
           
       var height = attrs.height || 300;
       var width = attrs.width || 250;
       var localMediaStream;
     
       var video = document.createElement('video');
       video.setAttribute('width', width);
       video.setAttribute('height', height);
       var canvas = document.createElement('canvas');
       canvas.setAttribute('id', 'qr-canvas');
       canvas.setAttribute('width', width);
       canvas.setAttribute('height', height);
       canvas.setAttribute('style', 'display:none;'); 
     
       angular.element(element).append(video);
       angular.element(element).append(canvas);
       var context = canvas.getContext('2d');
       
       var scanned = false;
       
       var setScanned = function() {
   		scanned = true;
   		$timeout(function() {
   			scanned = false;
   		}, 2000);
   	  };
     
       var scan = function() {
         if (localMediaStream) {
           try {
         	  context.drawImage(video, 0, 0, width, height);
               qrcode.decode();
           } catch(e) {
         	if (e.name !== "NS_ERROR_NOT_AVAILABLE") {} else {
               scope.ngError({error: e});
         	}
           }
         }
         
         if($rootScope.scanning) {
         	$timeout(scan, 10);
         }
       };
 
       var successCallback = function(stream) {
         video.src = (window.URL && window.URL.createObjectURL(stream)) || stream;
         localMediaStream = stream;
         video.play();
       };
 
       // Call the getUserMedia method with our callback functions
       if (navigator.getUserMedia) {
         navigator.getUserMedia({video: true}, successCallback, function(e) {
           scope.ngVideoError({error: e});
         });
       } else {
         scope.ngVideoError({error: 'Native web camera streaming (getUserMedia) not supported in this browser.'});
       }
 
       var scan_sound = new Audio("/sound/scanner-beep.wav");
       
       qrcode.callback = function(data) {
     	  setScanned();
     	  window.overlord.send({qrcode: data});
   		  scan_sound.play();
     	  scope.ngSuccess({data: data});
       };
       
       
       $rootScope.scanning = false;
       
       $rootScope.startScanning = function() {
     	  $rootScope.scanning = true;
     	  scan();
       };
       
       $rootScope.stopScanning = function() {
     	  $rootScope.scanning = false;
       };
     }
   };
 }]);