Home

Awesome

react-mrz-scanner

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

Online demo

demo video

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.