A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer.
react-mrz-scanner.mp4
npm install react-mrz-scanner
-
Import the library along with its css:
import { MRZScanner } from 'react-mrz-scanner'; import '../node_modules/react-mrz-scanner/dist/style.css';
-
Use the component in jsx:
<MRZScanner license="DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==" scanning={true} onScanned={(results)=>(console.log(results))} >
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.