angular2-qrscanner
Version:
QrScanner will scan for a QRCode from your Web-cam and return its string representation by drawing the captured image onto a 2D Canvas and use [@LazarSoft/jsqrcode](https://github.com/LazarSoft/jsqrcode) to check for a valid QRCode every *Xms*
36 lines (35 loc) • 1.2 kB
TypeScript
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
import { Subject } from 'rxjs';
import { QRCode } from './lib/qr-decoder/qrcode';
export declare class QrScannerComponent implements OnInit, OnDestroy, AfterViewInit {
private renderer;
canvasWidth: number;
canvasHeight: number;
debug: boolean;
stopAfterScan: boolean;
updateTime: number;
capturedQr: EventEmitter<string>;
foundCameras: EventEmitter<MediaDeviceInfo[]>;
videoWrapper: ElementRef;
qrCanvas: ElementRef;
chooseCamera: Subject<MediaDeviceInfo>;
private chooseCamera$;
gCtx: CanvasRenderingContext2D;
videoElement: HTMLVideoElement;
qrCode: QRCode;
stream: MediaStream;
captureTimeout: any;
private canvasHidden;
readonly isCanvasSupported: boolean;
constructor(renderer: Renderer2);
ngOnInit(): void;
ngOnDestroy(): void;
ngAfterViewInit(): void;
startScanning(device: MediaDeviceInfo): void;
stopScanning(): void;
getMediaDevices(): Promise<MediaDeviceInfo[]>;
QrDecodeCallback(decoded: string): void;
private captureToCanvas;
private setStream;
private useDevice;
}