forked from FSTFoundation/catmjs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
html5-qrcode.js
81 lines (66 loc) · 3.24 KB
/
html5-qrcode.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
(function($) {
jQuery.fn.extend({
html5_qrcode: function(qrcodeSuccess, qrcodeError, videoError) {
return this.each(function() {
var currentElem = $(this);
var height = currentElem.height();
var width = currentElem.width();
if (height == null) {
height = 250;
}
if (width == null) {
width = 300;
}
var vidElem = $('<video id="video" width="' + width + 'px" height="' + height + 'px"></video>').appendTo(currentElem);
var canvasElem = $('<canvas id="qr-canvas" width="' + (width - 2) + 'px" height="' + (height - 2) + 'px" style="display:none;"></canvas>').appendTo(currentElem);
var video = vidElem[0];
var canvas = canvasElem[0];
var context = canvas.getContext('2d');
var localMediaStream;
var scan = function() {
if (localMediaStream) {
context.drawImage(video, 0, 0, 307, 250);
try {
qrcode.decode();
} catch (e) {
qrcodeError(e, localMediaStream);
}
$.data(currentElem[0], "timeout", setTimeout(scan, 500));
} else {
$.data(currentElem[0], "timeout", setTimeout(scan, 500));
}
};//end snapshot function
window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
var successCallback = function(stream) {
video.src = (window.URL && window.URL.createObjectURL(stream)) || stream;
localMediaStream = stream;
$.data(currentElem[0], "stream", stream);
video.play();
$.data(currentElem[0], "timeout", setTimeout(scan, 1000));
};
// Call the getUserMedia method with our callback functions
if (navigator.getUserMedia) {
navigator.getUserMedia({video: true}, successCallback, function(error) {
videoError(error, localMediaStream);
});
} else {
console.log('Native web camera streaming (getUserMedia) not supported in this browser.');
// Display a friendly "sorry" message to the user
}
qrcode.callback = function (result) {
qrcodeSuccess(result, localMediaStream);
};
}); // end of html5_qrcode
},
html5_qrcode_stop: function() {
return this.each(function() {
//stop the stream and cancel timeouts
$(this).data('stream').getVideoTracks().forEach(function(videoTrack) {
videoTrack.stop();
});
clearTimeout($(this).data('timeout'));
});
}
});
})(jQuery);