Stack Overflow
Stack Overflow

Questions tagged [quaggajs]

QuaggaJS is a barcode-scanner written in JavaScript supporting real-time localization and decoding of various types of barcodes.

What is QuaggaJS?

QuaggaJS is a barcode-scanner entirely written in JavaScript supporting real- time localization and decoding of various types of barcodes such as EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5 and CODABAR. The library is also capable of using getUserMedia to get direct access to the user's camera stream. Although the code relies on heavy image- processing even recent smartphones are capable of locating and decoding barcodes in real-time.

43 questions
9
votes
0 answers

How to turn the camera light (torch) off?

I'm creating an app to read barcodes. I'm using QuaggaJS as a barcode reader library. My problem is that I can turn the torch on, but I can't turn it off. var track = Quagga.CameraAccess.getActiveTrack(); track.applyConstraints({advanced:…
Diego
  • 561
  • 1
  • 7
  • 18
9
votes
3 answers

quaggaJS: how to "pause" the decoder

I'm using quaggaJS (https://github.com/serratus/quaggaJS) to read barcodes in a web application. It works very well, and this is my initialization code: Quagga.init({ inputStream: { name: "Live", type: "LiveStream", …
Mark
  • 4,338
  • 7
  • 58
  • 120
6
votes
1 answer

Quagga doesn't locate or decode barcodes

I'm trying to make a barcode scanner with Quagga. But I can only see the live version of the webcam, but it doesn't recognize any (code 128) barcode. (The snippet doesn't show the webcam on stackoverflow.) I think that I'm missing a step, but hope…
D. J.
  • 684
  • 6
  • 25
5
votes
0 answers

How to use a camera stream multiple times

I want to create a PWA which acts as a bar- and QR-code scanner. For detecting QR-codes I use jsQR (see: https://github.com/cozmo/jsQR), for barcodes, I want to use QuaggaJS (see: https://serratus.github.io/quaggaJS/). To select the type of code…
patrick
  • 51
  • 2
4
votes
4 answers

quagga-react barcode scanner

Essentially I get the demo to work save for the actual scanning. i.e. camera is on etc. Not sure what I am missing... Here is my code. App.js file: import React, { Component } from 'react'; import Scanner from './Scanner'; import Result from…
Antonio Pavicevac-Ortiz
  • 7,239
  • 17
  • 68
  • 141
3
votes
0 answers

How to choose which camera to activate with getUserMedia() for barcode scanning function?

I am building a web app and trying to capture barcode with my camera. I am using QuaggaJS library. I know that the functionality works, because when I used my app on the laptop webcam, it captured the barcode, but with about only 30% accuracy, but…
Lukas Vis
  • 407
  • 5
  • 14
3
votes
1 answer

QuaggaJS with Angular 2 problems

I'm trying to use QuaggaJS with Angular 2. I have the quagga.d.ts file in the app folder and the following import statements in the component: import Quagga from './quagga.d'; The guide says from 'quagga' but it doesn't work but above works declare…
user3565164
  • 421
  • 9
  • 21
2
votes
1 answer

How to start camera after stopping with QuaggaJS

I am able to scan the barcode using QuaggaJS. However, as soon as barcode detected i stopped it using Quagga.stop(); and then proceed my functionality. If my function returns false then i have to start the camera again and I am using Quagga.start()…
Rahul Gupta
  • 972
  • 11
  • 29
2
votes
1 answer

QuaggaJs: Browser compatibility issue for barcode scanner

I am using QuaggaJs to scan the barcode. Everything is good and smooth for desktop version of scanner. But it gets broken when coming to mobile version of website and that too mainly on iPhone. I tested in both safari and Chrome and for different…
Rahul Gupta
  • 972
  • 11
  • 29
2
votes
0 answers

Setting a react state in callback does not work as expected

I am making barcode reading app. I use Quaggajs and Reactjs. Quaggajs has a function Quagga.onDetected(callback), the callback has one parameter result. The result is containing the detected barcode. I am having a react state (const [count,…
Hristo Todorov
  • 263
  • 2
  • 12
2
votes
1 answer

How to scan a barcode with livestream through webbrowser on on mobile phone in javascript?

I'm trying to make a way to scan irl barcodes that I have printed out on paper to scan into my php website. It's only when I use the website on my phone, than I can open my phone camera and scan a barcod while he scans the barcode and sends it to my…
Ende
  • 303
  • 2
  • 4
  • 24
2
votes
2 answers

Typescript/Angular2 getUserMedia is not defined

I have an Ionic 2 App which uses QuaggaJS Github to Stream the Camera to my View (Div Container) like Snapchat to scan QR Codes. In the browser, it all works like a charm but, the moment it gets built as APK or IPA file I'm getting the…
user7605396
1
vote
0 answers

QR code scanning using Mobile Camera in Shiny Web App

I am trying to develop a shiny webapp where users can scan the QR codes from their mobile phones. I have written the below code for scanning the QR codes using javascript and shiny. The code is accessing the mobile phone camera but is unable to read…
Hrx
  • 11
  • 3
1
vote
1 answer

Using a browser stream on phones with more than one Camera

I currently have a React App that is using QuaggaJS to create a barcode scanner component. The scanner works fine with phone cameras that only possess one camera. When dealing with newer phones that possess multiple cameras the scanner does not…
svalaie
  • 73
  • 7
1
vote
1 answer

Getting iOS Camera Access in React Web App

I am creating a web app that is able to scan barcodes to pull up inventory of an item. I am using the QuaggaJS API to create this functionality. When the component is rendered the browser (Microsoft Edge) asks for camera permissions and once…
svalaie
  • 73
  • 7
1
2 3