react-mrz-scanner

A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer.

Online demo

react-mrz-scanner.mp4

Installation

npm install react-mrz-scanner

Usage

1. Import the library along with its css:

   import { MRZScanner } from 'react-mrz-scanner';
   import '../node_modules/react-mrz-scanner/dist/style.css';

2. Use the component in jsx:

   <MRZScanner
     license="DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ=="
     scanning={true}
     onScanned={(results)=>(console.log(results))}
   >

Product License

You need to pass a license for Dynamsoft Label Recognizer. You can apply for one here. A one-day trial license will be used by default if you do not specify one.