Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
ngx-barcode-scanner
Advanced tools
Readme
Angular components for QuaggaJS barcode reader. It uses the new Quagga2 supported version. Supporting Angular 10+
A simple demo is available here
Install through npm:
npm install --save @ericblade/quagga2 ngx-barcode-scanner
//demo.module.ts
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { BarcodeScannerLivestreamModule } from "ngx-barcode-scanner";
import { Demo } from "./demo.component";
@NgModule({
declarations: [Demo],
imports: [BrowserModule, BarcodeScannerLivestreamModule],
bootstrap: [Demo],
})
export class DemoModule {}
This component creates a barcode scanner.
//demo.component.ts
import { Component, ViewChild, AfterViewInit } from "@angular/core";
import { BarcodeScannerLivestreamComponent } 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(BarcodeScannerLivestreamComponent)
barcodeScanner: BarcodeScannerLivestreamComponent;
barcodeValue;
ngAfterViewInit() {
this.barcodeScanner.start();
}
onValueChanges(result) {
this.barcodeValue = result.codeResult.code;
}
onStarted(started) {
console.log(started);
}
}
Choose the right version
Angular | ngx-barcode-scanner | @ericblade/quagga2 |
---|---|---|
10 | 0.2.0 | 1.2.6 |
11 | 0.2.0 | 1.2.6 |
12 | 0.3.0 | 1.4.2 |
13 | 13.0.0 | 1.7.7 |
14 | 14.0.0 | 1.7.7 |
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 (getUserMedia API) is restricted on iOS when running in a Progressive Web App or in browsers different than Safari. 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
FAQs
Angular components for [QuaggaJS](https://serratus.github.io/quaggaJS/) barcode reader. It uses the new [Quagga2](https://github.com/ericblade/quagga2) supported version. Supporting Angular 10+
The npm package ngx-barcode-scanner receives a total of 3,015 weekly downloads. As such, ngx-barcode-scanner popularity was classified as popular.
We found that ngx-barcode-scanner demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.