Comments (3)
I kinda fixed importing the js file,
import Quagga from 'quagga';
after that
Quagga.offDetected()
Quagga.stop()
worked, but I don't think that this is the right way
from vue-quagga.
I used a v-if to accomplish this. Not sure if its the best way.
I set a 'scanning' boolean to true or false to either show of hide the scanner
For example
<button type="button" @click="scanning = true" name="button">Scan Barcode</button>
<quagga-scanner v-if="scanning" style="height: 480px; width: 640px;" :onDetected="logIt" :readerSize="readerSize" :readerType="'upc_reader'"></quagga-scanner>
...
methods: {
logIt (data) {
this.barcode = data.codeResult.code
this.scanning = false
},
}
from vue-quagga.
I used a v-if to accomplish this. Not sure if its the best way.
I set a 'scanning' boolean to true or false to either show of hide the scanner
For example
<button type="button" @click="scanning = true" name="button">Scan Barcode</button> <quagga-scanner v-if="scanning" style="height: 480px; width: 640px;" :onDetected="logIt" :readerSize="readerSize" :readerType="'upc_reader'"></quagga-scanner> ... methods: { logIt (data) { this.barcode = data.codeResult.code this.scanning = false }, }
You may want to double check that, from my experience, the camera remains on using that approach in the background.
I have tried importing the Quagga library and doing as @ribas14 mentioned, however, this is giving me errors about Quagga being undefined. Does anyone else have a solution to closing the camera after a detection?
from vue-quagga.
Related Issues (20)
- Add configure eslint and prettier by git pre-commit hook
- Rewrite according to examples
- Can't read barcodes other than code-128 HOT 3
- turn off HOT 1
- readerSize default is not correctly implemented
- DOMException HOT 2
- Vue-quagga doesn't ask to use device's camera HOT 1
- aspectRatio not used
- readerSize with nested object not working
- No working onDetected event HOT 1
- Refused to create a worker from 'blob:https://MYURL/dbeed717-2527-4d43-acc3-b90207c4610b' because it violates the following Content Security Policy directive: "default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:". Note that 'worker-src' was not explicitly set, so 'default-src' is used as a fallback. HOT 2
- TypeError: Cannot read property 'setAttribute' of undefined at Object.o.createLiveStream HOT 3
- How to stop Quagga after barcode detected HOT 2
- ean_reader not detecting ean barcodes HOT 1
- expose the component globaly in browser
- onDetect and onProcessed handlers not reactive HOT 2
- about constraints width and height HOT 1
- Is this still based on the old quaggajs, or does it use quagga2? HOT 2
- Error: getUserMedia is not defined HOT 2
- Working in PWA?
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 vue-quagga.