GithubHelp home page GithubHelp logo

code-kotis / qr-code-scanner Goto Github PK

View Code? Open in Web Editor NEW
1.0K 46.0 292.0 2.3 MB

📠 A simple, fast and useful progressive web application

Home Page: https://qrcodescan.in

License: MIT License

CSS 0.19% HTML 0.10% JavaScript 99.70%
barcode scanner qrcode-scanner qrcode qr qr-code pwa pwa-apps progressive-web-app barcode-scanner

qr-code-scanner's People

Contributors

e-sung avatar gokulkrishh avatar hemanth avatar mauriliofilho avatar redochka avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

qr-code-scanner's Issues

Try it on local machine

Hi,
I downloaded the zip file, and open it.
i'm open the folder "app" and click on the file "index.html"
and the page open without the camera.
Can you help me with it, please?

Another thing, i want to use this code, are i need a special tools or i can edit it with notepad++?
Thanks

Unable to open camera

Whenever I open the app, a toast message shows at the bottom that says: "Unable to open camera, provide permission to access the camera".
The pwa successfully accessed the camera before, but somehow its permissions got revoked.
How do you give permissions to a particular progressive web app?

Won't work on iPhone, how can i fix it?

I build this script in a website, but it works on Android (Google Chrome), but not on iPhone (all browsers, tested in Safari, Firefox and Chrome). Can you tell me how do i fix this?

Uses front camera instead of rear

LG G6, Android 7.0, Chrome 64.0.3282.137

Front camera is used instead of the rear camera with no apparent way to swap it. This seems to possibly be a regression of issue #10.

Problems with npm run build

Hello,
The first command: npm run start it´s working very well but when i make this command : npm run build I have a problems with dist folder.

I send you a image with the problem, bellow:

problem

Can you help me about this?

Best regards,
André Fernandes

How to Alert the QR Code data instead of showing the Dialog pop up

Hi,
I want to pass the decoded qrcode to another page in php, here i want do some functionality.

I tried this way
<div class="app__dialog app__dialog--hide"> <div class="app__dialog-content"> <h5>QR Code</h5> <input type="text" id="result" onchange="display();"> </div> <div class="app__dialog-actions"> <button type="button" class="app__dialog-open">Open</button> <button type="button" class="app__dialog-close">Close</button> </div> </div>

function display(){ var result = $("#result").val(); alert(result); }

But it works after Qrcode scans shows the decoded data on the input filed when ever i change the
data in the dialog pop up then it alerts the data.

Here i need alert the decoded data after finishing the QR Scan instead of showing the pop up.
Then i can easily the forward the qrcode data to other pages.

Please guide me.
Thanks in advance

Unable to open camera

Hi, I just follow your tutorial then, I copy paste dist folder then upload in shared hosting.

When I run I got this error in the bottom left side

Unable to open camera. Provide permission to access camera.

How I can fix it?

Thanks.

How to get it working on Iphone using Cordova

Hi

Thanks for coming up with this great code.

I've been trying to get this packaged using cordova on android/iphone.

I managed to get it working perfectly on android

However on iphone it's experiencing difficulties (i understand iphone might work a little differently to android), basicly this is what's happening

  • when the page load, it doesn't show the camera scan. I have to press select from photos,
  • this will bring up the camera, which you can use to take photos, i took a photo and press use Photo
  • the photo (that's taken) got pasted onto the scan screen, the app is trying to scan the photo that's taken, but nothing is happening from this point onward (i tried varies QR code photos). For some reason it doesn't seem to be recognising the QR code

Just to confirm the expected behaviour on Iphone should be

as this is the behaviour of android.

In IOS dont work

Hi, i try to test live demo in IOS device and it dont work.
I managed to hit the photo and it appeared on the page, but did not occur scnner of the qrcode.

Iphone 5
IOS 11.4
Safari

Image Scanning not working in IOS or Iphone

Following are the simulation steps,

  1. I have taken snapshot in Iphone by Provided link from Application
  2. Application looks, uploaded image scanning but no response even after 30 min.

Note:
I have faced same problem with Zxing library & jsqrcode & qrcode-decoder-js. In case of taking snapshot from camera. Suspecting image size problem.

Awaiting for your reply.

not working in mobile browser

when I'm trying to open it with my Microsoft Lumia it is giving me error : Unable to open the camera, provide permission to access the camera.
But I'm allowing it to access the camera

Support SPARQCode

SPARQCode is a matrix code encoding standard based on QR Code, including a convention for E-mail, Phone Number, WiFi and so on. The QR Code Scanner can show the detailed information in the dialog while got it, not just as plain text.
See: https://en.wikipedia.org/wiki/SPARQCode

npm run deploy failed

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "c:\nodejs\node.exe" "c:\nodejs\node_modules\npm\bin\npm-cli.js" "run" "deploy"
npm ERR! node v7.0.0-nightly20160919366495d4e2
npm ERR! npm v3.10.3
npm ERR! code ELIFECYCLE
npm ERR! [email protected] deploy: npm run build && bash deploy.sh
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] deploy script 'npm run build && bash deploy.sh'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the barcodeScanner package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run build && bash deploy.sh
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs barcodeScanner
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls barcodeScanner
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! G:\temp\pwa\barcodescanner\barcode-scanner\npm-debug.log
npm-debug.log.txt

Should IME appear as soon as the scan has finished?

Currently, the app shows the IME (keyboard) on the mobile device as soon as the scan finishes.
I think most people would like to copy the content rather than editing it inline. Even if they would like to do so, you can provide an explicit "Edit" option.

Just my two cents. Thoughts?

Uses front instead of back camera

Device: LG V20
OS: Android 7.0
Chrome version: 55.0.2883.91

When the page loads, it uses my front facing camera as opposed to my back camera

Cannot install in Linux?

Hi! Trying to run this on Linux and I encountered the following error on npm run start

[email protected] start /barcode-scanner
webpack-dev-server --hot --inline --open
/barcode-scanner/node_modules/webpack-dev-server/bin/webpack-dev-server.js:4
const path = require("path");
^^^^^
SyntaxError: Use of const in strict mode.
at Module._compile (module.js:439:25)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)
at node.js:935:3
npm ERR! [email protected] start: webpack-dev-server --hot --inline --open
npm ERR! Exit status 8
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is most likely a problem with the barcodeScanner package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --hot --inline --open
npm ERR! You can get their info via:
npm ERR! npm owner ls barcodeScanner
npm ERR! There is likely additional logging output above.
npm ERR! System Linux 3.13.0-77-generic
npm ERR! command "/usr/bin/node" "/usr/bin/npm" "--harmony" "run" "start"
npm ERR! cwd /barcode-scanner
npm ERR! node -v v0.10.42
npm ERR! npm -v 1.4.28
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /barcode-scanner/npm-debug.log
npm ERR! not ok code 0`

Is this a bug on Linux? Or Im doing something wrong?

Thanks!

Unable to build

Hi,

I am unable to build and deploy the project. I can get it up and running just fine though. I get this when i "npm run build". I did set the NODE_ENV var to production. I'm on Windows 10 Pro :(.

C:\Users\afrina\barcode-scanner>set
ALLUSERSPROFILE=C:\ProgramData
APPDATA=C:\Users\afrina\AppData\Roaming
asl.log=Destination=file
CommonProgramFiles=C:\Program Files\Common Files
CommonProgramFiles(x86)=C:\Program Files (x86)\Common Files
CommonProgramW6432=C:\Program Files\Common Files
COMPUTERNAME=DESKTOP-UAOTV7R
ComSpec=C:\WINDOWS\system32\cmd.exe
configsetroot=C:\WINDOWS\ConfigSetRoot
Git_SSH=C:\Program Files (x86)\PuTTY\plink.exe
HOMEDRIVE=C:
HOMEPATH=\Users\afrina
LOCALAPPDATA=C:\Users\afrina\AppData\Local
LOGONSERVER=\DESKTOP-UAOTV7R
NODE_ENV=production
NUMBER_OF_PROCESSORS=4
OneDrive=C:\Users\afrina\OneDrive
OS=Windows_NT
Path=C:\ProgramData\Oracle\Java\javapath;C:\Program Files (x86)\Intel\iCLS Client;C:\Program Files\Intel\iCLS Client;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\WiFi\bin;C:\Program Files\Common Files\Intel\WirelessCommon;C:\Program Files (x86)\PuTTY;C:\Git\cmd;C:\MongoDB\Server\3.2\bin;C:\nodejs;C:\Program Files (x86)\Skype\Phone;C:\Users\afrina\AppData\Roaming\npm;%USERPROFILE%\AppData\Local\Microsoft\WindowsApps;
PATHEXT=.COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC
PROCESSOR_ARCHITECTURE=AMD64
PROCESSOR_IDENTIFIER=Intel64 Family 6 Model 61 Stepping 4, GenuineIntel
PROCESSOR_LEVEL=6
PROCESSOR_REVISION=3d04
ProgramData=C:\ProgramData
ProgramFiles=C:\Program Files
ProgramFiles(x86)=C:\Program Files (x86)
ProgramW6432=C:\Program Files
PROMPT=$P$G
PSModulePath=C:\WINDOWS\system32\WindowsPowerShell\v1.0\Modules
PUBLIC=C:\Users\Public
SESSIONNAME=Console
SystemDrive=C:
SystemRoot=C:\WINDOWS
TEMP=C:\Users\afrina\AppData\Local\Temp
TMP=C:\Users\afrina\AppData\Local\Temp
USERDOMAIN=DESKTOP-UAOTV7R
USERDOMAIN_ROAMINGPROFILE=DESKTOP-UAOTV7R
USERNAME=afrina
USERPROFILE=C:\Users\afrina
windir=C:\WINDOWS

C:\Users\afrina\barcode-scanner>npm run build

[email protected] build C:\Users\afrina\barcode-scanner
NODE_ENV=production webpack -p --config webpack.config.js && uglifyjs ./dist/decoder.min.js -c -m -o ./dist/decoder.min.js

'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\nodejs\node.exe" "C:\Users\afrina\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "build"
npm ERR! node v4.5.0
npm ERR! npm v3.10.6
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: NODE_ENV=production webpack -p --config webpack.config.js && uglifyjs ./dist/decoder.min.js -c -m -o ./dist/decoder.min.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script 'NODE_ENV=production webpack -p --config webpack.config.js && uglifyjs ./dist/decoder.min.js -c -m -o ./dist/decoder.min.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the barcodeScanner package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! NODE_ENV=production webpack -p --config webpack.config.js && uglifyjs ./dist/decoder.min.js -c -m -o ./dist/decoder.min.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs barcodeScanner
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls barcodeScanner
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\afrina\barcode-scanner\npm-debug.log

How to use from .zip file

HI,

Is it possible to use this in some projects? How can I simply upload all css, js files and try in the browser? Is that possible?

Getting error on RPi

hi;

I am trying to install the code on my raspberry pi, but when installing getting error
pi@raspberrypi:~ $ npm install
npm WARN enoent ENOENT: no such file or directory, open '/home/pi/package.json'
npm WARN pi No description
npm WARN pi No repository field.
npm WARN pi No README data
npm WARN pi No license field.

Is it possible for you to let me know the system requirement for the code. As I already installed node.js (v 7.9.0) and npm (v 4.4.4)

Error in install

We have attempted to install the script several times. However, each time we have encountered the following error message.

"Error: pngquant failed to build, make sure that libpng-dev is installed"

Confirm that the mentioned node module is installed on the server. We have tested the installation via several different Node JS and NPM versions but each time the outcome was the same.
Can you tell me what the solution to this problem is?

It just doesn't install

Have tried several times to install this. I've no idea where I'm going wrong.
I just basically extract the zip file and run "npm install" in the root folder.
The command works fine for a while for a while, but soon errors start popping. I believe there is some issue with the @angular/cli.

Stack Trace:
`> [email protected] install C:\workspace\New folder\barcode-scanner-works\node_modules\node-sass

node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node":

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.

  export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

  npm config set proxy http://example.com:8080

[email protected] postinstall C:\workspace\New folder\barcode-scanner-works\node_modules\node-sass
node scripts/build.js

Building: C:\Program Files\nodejs\node.exe C:\workspace\New folder\barcode-scanner-works\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ 'C:\Program Files\nodejs\node.exe',
gyp verb cli 'C:\workspace\New folder\barcode-scanner-works\node_modules\node-gyp\bin\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:80:29)
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:89:16
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python2 { Error: not found: python2
gyp verb which failed at getNotFoundError (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:80:29)
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:89:16
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python2\n at getNotFoundError (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:13:12)\n at F (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:68:19)\n at E (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:80:29)\n at C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:89:16\n at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\index.js:42:5\n at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which failed Error: not found: python
gyp verb which failed at getNotFoundError (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:80:29)
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:89:16
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python { Error: not found: python
gyp verb which failed at getNotFoundError (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:80:29)
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:89:16
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python\n at getNotFoundError (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:13:12)\n at F (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:68:19)\n at E (C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:80:29)\n at C:\workspace\New folder\barcode-scanner-works\node_modules\which\which.js:89:16\n at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\index.js:42:5\n at C:\workspace\New folder\barcode-scanner-works\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb could not find "python". checking python launcher
gyp verb could not find "python". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (C:\workspace\New folder\barcode-scanner-works\node_modules\node-gyp\lib\configure.js:492:19)
gyp ERR! stack at PythonFinder. (C:\workspace\New folder\barcode-scanner-works\node_modules\node-gyp\lib\configure.js:517:16)
gyp ERR! stack at C:\workspace\New folder\barcode-scanner-works\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:152:21)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\workspace\New folder\barcode-scanner-works\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\workspace\New folder\barcode-scanner-works\node_modules\node-sass
gyp ERR! node -v v8.11.1
gyp ERR! node-gyp -v v3.7.0
gyp ERR! not ok
Build failed with error code: 1
npm WARN [email protected] No repository field.
npm WARN [email protected] No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\vaibh\AppData\Roaming\npm-cache_logs\2018-06-20T09_30_33_925Z-debug.log
PS C:\workspace\New folder\barcode-scanner-works>`

Scanning on iOS is a little clunky

I have tested the scanning feature on iOS devices and there are a lot of steps involved making it little clunky as follows:
Right now, the steps are
• Click camera icon
• click "take photo"
• take the photo
• click "use the photo"
• Then if you do not take a clear photo of the code in a good position this whole process must be repeated. The guide for where the QR code needs to appear in the photo seems to disappear (same applies on Android.)

Is there a way to make it work where once you press the camera icon it just auto-scans without the need to take a photo first – like it works on Android. Is it possible to make automatically open the first URL it finds without displaying the pop-up message?

Thanks

npm run start failed Failed at the [email protected] start script 'webpack-dev-server --hot --inline --open'

G:\temp\pwa\barcodescanner\barcode-scanner>npm run start

[email protected] start G:\temp\pwa\barcodescanner\barcode-scanner
webpack-dev-server --hot --inline --open

module.js:461
throw err;
^

Error: Cannot find module 'webpack'
at Function.Module._resolveFilename (module.js:459:15)
at Function.Module._load (module.js:407:25)
at Module.require (module.js:487:17)
at require (internal/module.js:20:19)
at Object. (G:\temp\pwa\barcodescanner\barcode-scanner\node_modules\webpack-dev-server\lib\Server.js:15:17)
at Module._compile (module.js:560:32)
at Object.Module._extensions..js (module.js:569:10)
at Module.load (module.js:477:32)
at tryModuleLoad (module.js:436:12)
at Function.Module._load (module.js:428:3)

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "c:\nodejs\node.exe" "c:\nodejs\node_modules\npm\bin\npm-cli.js" "run" "start"
npm ERR! node v7.0.0-nightly20160919366495d4e2
npm ERR! npm v3.10.3
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: webpack-dev-server --hot --inline --open
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'webpack-dev-server --hot --inline --open'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the barcodeScanner package,
npm ERR! not with npm itself.

i can not use "npm run build" or "npm run "npm run deploy"

hi.
i click "npm run start" is ok, but npm run build , out error...
npm ERR! NODE_ENV=production webpack -p --config webpack.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs barcodeScanner
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls barcodeScanner
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2017-06-21T16_43_39_578Z-debug.log

what happen ?

No sw.js file loaded on our server - IOS Devices Run Issue

We are trying to install your QRcode scanner, and succeed by Chrome and IE. Safari gives an error.

Here is your https://qrcodescan.in/ inspected scanner.
original
And so work good on IOS :
whatsapp image 2017-06-27 at 21 22 54

We have done everything as you said.
Works good on Chrome and IE, but on IOS (Safari) doesn't work
It looks so:
whatsapp image 2017-06-27 at 21 35 16

Here is our inspected scanner.
skizze

So the difference is that by your scanner there are this sw.js and we don't have it.

We have this sw.js on our server, but our scanner doesn't use it, and we don't know why.
Maybe is this issue.

Any solution?

Problem Code Igniter 3X

All is working 100% from the examples but when i try to open the same code from a codeigniter project the camera opens OK, but the QRcode cant be found, i point to the QRCode but the javascripts dont fill the input.
Any suggestions?
I'm out of ideas anymore.
Thanks.

It is failing at STEP 4 --npm run build

Environment : Windows Pro.
Node: 6.10.0

[email protected] build C:\Users\yousaid\My Documents\barcode-scanner
NODE_ENV=production webpack -p --config webpack.config.js

'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: NODE_ENV=production webpack -p --config we bpack.config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script 'NODE_ENV=production we
bpack -p --config webpack.config.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the barcodeScanner packag
e,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! NODE_ENV=production webpack -p --config webpack.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs barcodeScanner
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls barcodeScanner
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\yousaid\AppData\Roaming\npm-cache_logs\2017-05-15T23_17_14
_671Z-debug.log

It hangs

Upon loading second time previous image sticks and scan button does not work

Camera

Gets stuck on initial frame and won't update display.

Phone: Acer Liquid Jade S55
Android Kit-Kat
Non-Rooted

Help on MVC5

Hi, im having trouble getting this working in ASP.NET MVC5....

Has anyone else managed to get it working in MVC5??

Thanks

Scanner does not work with Chrome version 67.0.3396.87

The scanner does not seem to work anymore with the latest GoogleChromeupdate.
All you get is the following warning:
Invalid asm.js: Expected shift of word size decoder.min.js:43894
Invalid asm.js: Expected shift of word size

For me, on my desktop Chrome version, all it shows is a black screen with the green bar going up and down.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.