forked from leemeichin/say-cheese
-
Notifications
You must be signed in to change notification settings - Fork 0
/
say-cheese.js
154 lines (120 loc) · 4.01 KB
/
say-cheese.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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
/*
* Say Cheese!
* Lee Machin, 2012
* http://leemach.in, http://new-bamboo.co.uk
*
* Minimal javascript library for integrating a webcam and snapshots into your app.
*
* Handles starting up the webcam and rendering the element, and also capturing shots
* in a separate canvas element.
*
* Depends on video and canvas, and of course, getUserMedia. It's unlikely to work
* on anything but the newest browsers.
*/
var SayCheese = (function($) {
var SayCheese;
navigator.getUserMedia = (navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia ||
false);
window.URL = (window.URL ||
window.webkitURL);
SayCheese = function SayCheese(element, options) {
this.snapshots = [],
this.video = null,
this.events = {},
this.stream = null,
this.options = {
snapshots: true,
audio: false
};
this.setOptions(options);
this.element = document.querySelectorAll(element)[0];
return this;
};
// todo: remove jquery dependency
SayCheese.prototype.on = function on(evt, handler) {
return $(this).on(evt, handler);
};
SayCheese.prototype.off = function off(evt, handler) {
return $(this).off(evt, handler);
};
SayCheese.prototype.trigger = function trigger(evt, data) {
// bubbling up the DOM makes things go a bit crazy. This assumes
// preventDefault
return $(this).triggerHandler(evt, data);
};
SayCheese.prototype.setOptions = function setOptions(options) {
this.options = $.extend(this.options, options);
}
SayCheese.prototype.getStreamUrl = function getStreamUrl() {
if (window.URL && window.URL.createObjectURL) {
return window.URL.createObjectURL(this.stream);
} else {
return this.stream;
}
};
SayCheese.prototype.createVideo = function createVideo() {
var width = 320,
height = 0,
streaming = false;
this.video = document.createElement('video');
this.video.addEventListener('loadedmetadata', function() {
return this.trigger('start');
}.bind(this), false);
this.video.addEventListener('canplay', function() {
if (!streaming) {
height = this.video.videoHeight / (this.video.videoWidth / width);
this.video.style.width = width;
this.video.style.height = height;
streaming = true;
}
}.bind(this), false);
};
SayCheese.prototype.takeSnapshot = function takeSnapshot() {
if (this.options.snapshots === false) {
return false;
}
var snapshot = document.createElement('canvas'),
ctx = snapshot.getContext('2d');
snapshot.width = this.video.videoWidth;
snapshot.height = this.video.videoHeight;
ctx.drawImage(this.video, 0, 0);
this.snapshots.push(snapshot);
this.trigger('snapshot', snapshot);
ctx = null;
};
/* Start up the stream, if possible */
SayCheese.prototype.start = function start() {
// fail fast and softly if browser not supported
if (navigator.getUserMedia === false) {
this.trigger('error', 'NOT_SUPPORTED');
return false;
}
var success = function success(stream) {
this.stream = stream;
this.createVideo();
if (navigator.mozGetUserMedia) {
this.video.mozSrcObject = stream;
} else {
this.video.src = this.getStreamUrl();
}
this.element.appendChild(this.video);
this.video.play();
}.bind(this);
/* error is also called when someone denies access */
var error = function error(error) {
this.trigger('error', error);
}.bind(this);
return navigator.getUserMedia({ video: true, audio: this.options.audio }, success, error);
};
SayCheese.prototype.stop = function stop() {
this.stream.stop();
if (window.URL && window.URL.revokeObjectURL) {
window.URL.revokeObjectURL(this.video.src);
}
return this.trigger('stop');
};
return SayCheese;
})(jQuery);