Comments (16)
Its works! Very good job. Thanks
from react-qr-reader.
I was not able to reproduce the error. Can you give more information about your environment (firefox version, os, react-qr-reader version).
from react-qr-reader.
firefox: 47.0
os: linux
react-qr-reader: 0.2.5
from react-qr-reader.
When I open the example (https://jodusnodus.github.io/react-qr-reader/) works fine
from react-qr-reader.
Normally this error is fired by the getUserMedia api when the webcam is not compatible. link
I'm going to test it on my desktop running Arch Linux.
from react-qr-reader.
I was not able to reproduce the error on my machine. Have you tried cloning the repository and npm i && npm run storybook
?
from react-qr-reader.
result of npm i && npm run storybook
after clone repository
ERROR in multi preview
Module not found: Error: Cannot resolve module 'webpack-hot-middleware/client' in /home/gdromero/Downloads/react-qr-reader-master
@ multi preview
ERROR in multi preview
Module not found: Error: Cannot resolve module 'babel' in /home/gdromero/Downloads/react-qr-reader-master
@ multi preview
from react-qr-reader.
I have just tested this on a clean ubuntu install, you should be able install the dependencies and then run the test with npm run storybook
.
from react-qr-reader.
this is that I saw when run the example
from react-qr-reader.
What webcam are you using and does the demo work in chrome?
from react-qr-reader.
I tested your demo on a clean ubuntu install in other machine with firefox 47 and produce the same result: OverconstrainedError
from react-qr-reader.
What is the resolution of the webcam?
from react-qr-reader.
I was able to reproduce the error. The problem was that i set the minimum resolution at 720p. I lowered the minimum resolution to 360p. i published it as version 0.2.6. If it works than we can close the issue.
👍
from react-qr-reader.
great! When you upload the new version I test it. Thanks
from react-qr-reader.
It is already published to npm as version 0.2.6
from react-qr-reader.
Hi! I'm trying to use your code with react and it's giving me this error. The demo works for me so it should be something on my code. Anyway to know what could be causing this problem? The message says: Unknown name of constraint detected
from react-qr-reader.
Related Issues (20)
- Camera does not focus HOT 1
- Breaks with React.StrictMode
- Camera does not capture QR on iOS HOT 6
- MediaDevices API has no support for your browser. You can fix this by running "npm i webrtc-adapter" HOT 2
- Last version can scan with image ?
- The height and width of the video does not match the height and width video on the device. HOT 1
- Support for defaultProps will be removed
- Help me error selectBestPatterns nobody fix it before (react-qr-reader 3.0.0-beta-1) HOT 3
- DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0. HOT 4
- Black screen and rarely get back camera view HOT 3
- Scan address camera resizes sometimes in mobile devices
- Node version Incompatibilty
- Valid QR code not working
- in mobile after installation first time the camera is not opening nut after that if i close and open it is opening
- Video not showing on the first render
- Primary Camera with facingMode: environment?
- Valid QR code not working
- How to Select the Primary Camera When Using react-qr-reader with facingMode set to environment?
- Not compatible with react 18 HOT 1
- Want to add a function to import and scan file directely.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-qr-reader.