A simple démo is available here
Install through npm:
npm install --save quagga ngx-barcode-scanner
//demo.module.ts
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { BarecodeScannerLivestreamModule } from "ngx-barcode-scanner";
import { Demo } from "./demo.component";
@NgModule({
declarations: [Demo],
imports: [BrowserModule, BarecodeScannerLivestreamModule],
bootstrap: [Demo],
})
export class DemoModule {}
This component creates a barcode scanner.
//demo.component.ts
import { Component, ViewChild, AfterViewInit } from "@angular/core";
import { BarecodeScannerLivestreamComponent } from "ngx-barcode-scanner";
@Component({
selector: "demo-app",
template: `
<barcode-scanner-livestream
type="code_128"
(valueChanges)="onValueChanges($event)"
(started)="(onStarted)"
></barcode-scanner-livestream>
<div [hidden]="!barcodeValue">
{{ barcodeValue }}
</div>
`,
})
export class Demo implements AfterViewInit {
@ViewChild(BarecodeScannerLivestreamComponent)
barecodeScanner: BarecodeScannerLivestreamComponent;
barcodeValue;
ngAfterViewInit() {
this.barecodeScanner.start();
}
onValueChanges(result) {
this.barcodeValue = result.codeResult.code;
}
onStarted(started) {
console.log(started);
}
}
Run ng serve
or npm run start
for a dev server, on the example app. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run npm run build
to build the project. The build artifacts will be stored in the dist/
directory.
Access to the camera is restricted on iOS when running in a Progressive Web App. Live streaming will not work in this case.
All barcode types supported by quaggajs
No, ngx-barcode-scanner is based on quaggajs, and it can not support qr-code.
MIT