Skip to content

advanceboy/webrtc-qrcode-reader

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
lib
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

webrtc-qrcode-reader

About

This is a JavaScript library to create a QRCode reader for WebRTC compatible browser.

Demo

See a demo: https://advanceboy.github.io/webrtc-qrcode-reader/

Usage

  1. Include jsqrcode-combined.min.js and webrtc-qrcode-reader.min.js in the lib directory.
  2. Create a <div> element with a size you want to show.
    <div style="width: 480px; height: 480px;" id="scanner"></div>
    
  3. Call the WebRtcQR.startReaderAsync function on the div element.
    WebRtcQR.startReaderAsync(document.getElementById('scanner');, function (success, result) {
        if (success) {
            // do something when code is read
        } else {
            // show scan errors
        }
    }, { zoomScale: 1.0 })
        .catch(function (e) {
            // show initialize video streaming errors
        })
        .then(function (context) {
            // you got the QRCode reader context.
        });
    
    • callback function will be called on each scanning.
    • The Promise instance signs that the initialize of video streaming was succeed or not.
  4. You can configure scanning the through readerContext instance got from the Promise onFulfilled callback.

Options

  • scanInterval
    • scanning interval. default: 250(ms)
  • zoomScale
    • zoom scaling. default: 1.0
    • This parameter needs to be between 1.0 and 4.0.
    • You can change this parameter after starting the scanning through options property of the ReaderContext.
  • decodeSize
    • The temporary canvas size used in decoding. defailt: 480

LICENSE

This Project

See LICENSE file.

jsqrcode

See the license notice implemented in the source code (jsqrcode-combined.min.js).

About

QRCode Reader using WebRTC API

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published