{"repo":"jamenamcinteer/react-qr-barcode-scanner","free":true,"listed":false,"github":"https://github.com/jamenamcinteer/react-qr-barcode-scanner","clone":"git clone https://github.com/jamenamcinteer/react-qr-barcode-scanner.git","description":"A simple React Component using the client's webcam to read barcodes.","language":"TypeScript","stars":137,"topics":["react","qrcode-scanner","qrcode","barcode","barcode-scanner","barcode-reader","qrcode-reader","qrcode-react","datamatrix"],"license":null,"category":"mobile-apps","readme_excerpt":"React QR Barcode Scanner This is a simple React component built in Typescript to provide a webcam-based barcode scanner using react-webcam and @zxing/library. This component works on Computers and Mobile Devices (iOS 11 and above and Android Phones). Thanks to the initial repo: https://github.com/dashboardphilippines/react-webcam-barcode-scanner Installation Demo Try a demo of the scanner here. Usage in React: Usage in NextJS: Props onUpdate Type: function , Required, Argument: error , result Function that returns the result for every captured frame. Text from barcode can be accessed from result.getText() if there is a result. onError Type: function , Optional, Argument: error If passed to the component, this function is called when there is an error with the camera (rather than with with reading the QR code, which would be passed to onUpdate ). An example would be an error thrown when the user does not allow the required camera permission. This can be handled with an onError function similar to this: width Type: number or string , Optional, Default: 100% height Type: number or string , Optional, Default: 100% facingMode Type: environment or user , Optional, Default: environment user is the user-facing (front) camera, and environment is the rear camera. torch Type: boolean , Optional Turn the camera flashlight on or off. Torch will only work if the correct facingMode is selected. For example, if \"user\" is selected but the flashlight corresponds to the \"environment\" camera, th","default_branch":null,"files":null,"tree":[],"storefront":"/r/jamenamcinteer","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jamenamcinteer/react-qr-barcode-scanner/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}