WebCodeCamJS Chrome Extension: Scan qrcode with Webcam as a Chrome extension

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (25)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not yet rated by the usersTotal: 91 This week: 1All time: 430 This week: 3Up
Version License JavaScript version Categories
wccjs_extension 1.0.4MIT/X Consortium ...5Graphics, Video, Chrome
Description Author

This package can scan qrcode with Webcam as a Chrome extension.

It provides a user interface to configure the options of this Chrome extension to define which Webcam will be used, as well other parameters.

The Chrome extension can scan Webcam images and decode any qrcodes.

Innovation Award
JavaScript Programming Innovation award winner
April 2016
Winner
QRCodes are very useful to represent information that can be represented as text strings.

This package implements a Chrome extension that provides a user interface to scan a qrcode using the user device Webcam. The options interface allow configuring the Webcam and scanning details.

Manuel Lemos
Picture of Andras Toth
  Performance   Level  
Name: Andras Toth <contact>
Classes: 22 packages by
Country: Hungary Hungary
Age: 49
All time rank: 31 in Hungary Hungary
Week rank: 1 Up
Innovation award
Innovation award
Nominee: 15x

Winner: 9x

Details

WebCodeCamJS Chrome Extension

The popular [WebCodeCamJS] as a chrome extension.

Use WebCodeCamJS on ewery web pages with minimal coding.

[chrome web store]

Version

1.6.0

  • Some invisible modification

Version

1.5.0

  • Add new functions to ViewFinder - click icon to open result handler options - Inject the code (result function) - Go to URL (if code is url, open url in new tab) - Collect codes and download (download: If the codes are collected, click the icon again)
  • Options - decode QRCode Rate: min=0 max=15 step=1 default=5/sec - decode BarCode Rate: min=0 max=15 step=1 default=3/sec - frame Rate: min=1 max=30 step=1 default=15/sec - width: default=320 px - height: default=240 px - success Timeout: min=0 max=10000 step=1 default=500 ms - code Repetition: min=0 max=1 step=1 default=0 (off) - flip Vertical: min=0 max=1 step=1 default=0 (off) - flip Horizontal: min=0 max=1 step=1 default=0 (off) - zoom: min=0 max=5 step=0.1 default=0 (auto) - brightness: min=-128 max=128 step=1 default=0 (off) - auto Brightness value: min=0 max=256 step=1 default=0 (off) - grayScale: min=0 max=1 step=1 default=0 (off) - contrast: min=-128 max=128 step=1 default=0 (off) - threshold: tmin=0 max=1024 step=1 default=0 (off) - Result function: code to inject (default: focused input or textarea)
  • [Homepage]
  • [WebCodeCamJS]
Popup:

<img src = "wccjs1.JPG" width="100%"/>

Options (Settings):

<img src = "wccjs2.JPG" width="100%"/>

ViewFinder Options:

<img src = "wccjs3.JPG" width="100%"/>

Open link using ViewFinder:

<img src = "wccjs4.JPG" width="100%"/>

Included decoders

  • barcode decoder ([DecoderWorker.js])
  • qr-decoder ([qrcodelib.js])

License

MIT

Author: Tóth András

http://atandrastoth.co.uk/

2016-04-06

[Homepage]:http://atandrastoth.co.uk/main/pages/plugins/webcodecamjs/ [WebCodeCamJS]:https://andrastoth.github.io/webcodecamjs/ [DecoderWorker.js]:https://github.com/EddieLa/BarcodeReader [qrcodelib.js]:https://github.com/LazarSoft/jsqrcode [chrome web store]:https://chrome.google.com/webstore/detail/webcodecamjs-extension/iakljebmlbbedbflhifhmkbfcbpkippl

Screenshots  
  • wccjs1_shot.JPG
  • wccjs2_shot.JPG
  • wccjs3_shot.JPG
  • wccjs4_shot.JPG
  Files folder image Files  
File Role Description
Files folder imagecss (1 file, 1 directory)
Files folder imagejs (9 files)
Accessible without login HTML file background.html Doc. Documentation
Accessible without login Plain text file manifest.json Data Auxiliary data
Accessible without login HTML file options.html Doc. Documentation
Accessible without login HTML file popup.html Doc. Documentation
Accessible without login Plain text file README.md Data Auxiliary data
Accessible without login HTML file viewFinder.html Doc. v 1.1.0
Accessible without login Image file wccjs1.JPG Data Auxiliary data
Accessible without login Image file wccjs2.JPG Data Auxiliary data
Accessible without login Image file wccjs3.JPG Data Auxiliary data
Accessible without login Image file wccjs4.JPG Data Auxiliary data

  Files folder image Files  /  css  
File Role Description
Files folder imageimages (5 files)
  Accessible without login Plain text file style.css Data Auxiliary data

  Files folder image Files  /  css  /  images  
File Role Description
  Accessible without login Image file icon128.png Icon Icon image
  Accessible without login Image file icon16-gray.png Icon Icon image
  Accessible without login Image file icon16.png Icon Icon image
  Accessible without login Image file icon48-gray.png Icon Icon image
  Accessible without login Image file icon48.png Icon Icon image

  Files folder image Files  /  js  
File Role Description
  Plain text file background.js Class Class source
  Plain text file content.js Class Class source
  Accessible without login Plain text file DecoderWorker.js Appl. Application script
  Plain text file onFunctionsJS.js Class Class source
  Plain text file options.js Class Class source
  Plain text file popup.js Class Class source
  Accessible without login Plain text file qrcodelib.js Appl. Application script
  Plain text file viewFinder.js Class v 1.1.0
  Plain text file webcodecamjs.js Class Class source

 Version Control Unique User Downloads Download Rankings  
 86%
Total:91
This week:1
All time:430
This week:3Up