Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yushulx/angular-barcode-mrz-document-scanner

Scan barcode, document and MRZ with Dynamsoft Capture Vision SDKs
https://github.com/yushulx/angular-barcode-mrz-document-scanner

angular barcode code128 code39 datamatrix document-detection ean13 mrz pdf417 qrcode typescript web

Last synced: 3 months ago
JSON representation

Scan barcode, document and MRZ with Dynamsoft Capture Vision SDKs

Awesome Lists containing this project

README

        

# Angular Capture Vision Examples
This project demonstrates how to utilize the Dynamsoft Capture Vision SDK for detecting **1D/2D barcodes**, **documents**, **MRZ (Machine Readable Zone)**, and more in Angular applications.

## Features
- **Barcode Scanner**

https://github.com/user-attachments/assets/98de98b3-ac28-49a6-a520-11202e48e7ca

- **Document Scanner**

https://github.com/user-attachments/assets/17cf6449-f1b6-4644-89fc-d3f5f05009f9

- **MRZ Scanner**

https://github.com/user-attachments/assets/8fb428fb-7846-4cfc-b659-ddfe36aaa34d

- **Document PDF Viewer**

https://github.com/user-attachments/assets/d1e0c7ef-2e33-4f96-85e6-f48ceef438c2


## Prerequisites
- [Node.js](https://nodejs.org/en/download/)
- Angular CLI

```bash
npm install -g @angular/cli
ng --version
```
- [Dynamsoft Capture Vision Trial License](https://www.dynamsoft.com/customer/license/trialLicense/?product=dcv&package=cross-platform)

![Dynamsoft Capture Vision Trial License](https://www.dynamsoft.com/codepool/img/2024/07/capture-vision-suite-license.png)

## Online Demo
[Try the Demo](https://yushulx.me/angular-barcode-mrz-document-scanner/)

## Usage
1. **Install dependencies**:

```bash
npm install
```

2. **Run the Application**:

```bash
ng serve --ssl
```

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Blog
- [How to Build an Angular Barcode & QR Code Detection App: A Step-by-Step Guide](https://www.dynamsoft.com/codepool/angular-barcode-qr-code-scanner.html)
- [How to Detect and Rectify Documents in Angular Web Applications](https://www.dynamsoft.com/codepool/angular-document-edge-detection-rectification.html)
- [Steps to Develop an Angular Passport MRZ Reader & Scanner](https://www.dynamsoft.com/codepool/angular-mrz-reader-scanner.html)
- [Building an Angular Document Viewer for Image Loading, Annotation, and PDF Export](https://www.dynamsoft.com/codepool/angular-document-pdf-viewer-annotation.html)