Lines 53-60
Link Here
|
53 |
|
53 |
|
54 |
<script> |
54 |
<script> |
55 |
function turn_on() { |
55 |
function turn_on() { |
56 |
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { |
56 |
var nav = window.navigator; |
57 |
navigator.mediaDevices.getUserMedia({video: true}).then( |
57 |
if (nav.mediaDevices && nav.mediaDevices.getUserMedia) { |
|
|
58 |
nav.mediaDevices.getUserMedia({video: true}).then( |
58 |
function(stream) { |
59 |
function(stream) { |
59 |
video.srcObject = stream; |
60 |
video.srcObject = stream; |
60 |
video.play(); |
61 |
video.play(); |
Lines 74-86
Link Here
|
74 |
); |
75 |
); |
75 |
} else { |
76 |
} else { |
76 |
// Detect camera |
77 |
// Detect camera |
77 |
navigator.getMedia = ( navigator.getUserMedia || |
78 |
nav.getMedia = ( nav.getUserMedia || |
78 |
navigator.webkitGetUserMedia || |
79 |
nav.webkitGetUserMedia || |
79 |
navigator.mozGetUserMedia || |
80 |
nav.mozGetUserMedia || |
80 |
navigator.msGetUserMedia ); |
81 |
nav.msGetUserMedia ); |
81 |
if (navigator.getMedia) { |
82 |
if (nav.getMedia) { |
82 |
// keep it on, and set object sizes |
83 |
// keep it on, and set object sizes |
83 |
navigator.getMedia( |
84 |
nav.getMedia( |
84 |
{video: true}, |
85 |
{video: true}, |
85 |
function(stream) { |
86 |
function(stream) { |
86 |
var takebutton = document.getElementById('webcam_capture'); |
87 |
var takebutton = document.getElementById('webcam_capture'); |
Lines 174-179
Link Here
|
174 |
} |
175 |
} |
175 |
</script> |
176 |
</script> |
176 |
<script> |
177 |
<script> |
|
|
178 |
var nav = window.navigator; |
177 |
var video = document.getElementById('videoFeed'); |
179 |
var video = document.getElementById('videoFeed'); |
178 |
var canvas = document.getElementById('canvas'); |
180 |
var canvas = document.getElementById('canvas'); |
179 |
var picture = document.getElementById('picture'); |
181 |
var picture = document.getElementById('picture'); |
Lines 181-188
Link Here
|
181 |
var savepicture = document.getElementById('webcam_save'); |
183 |
var savepicture = document.getElementById('webcam_save'); |
182 |
savepicture.disabled = true; |
184 |
savepicture.disabled = true; |
183 |
|
185 |
|
184 |
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { |
186 |
if (nav.mediaDevices && nav.mediaDevices.getUserMedia) { |
185 |
navigator.mediaDevices.getUserMedia({video: true}).then( |
187 |
nav.mediaDevices.getUserMedia({video: true}).then( |
186 |
function(stream) { |
188 |
function(stream) { |
187 |
video.srcObject = stream; |
189 |
video.srcObject = stream; |
188 |
video.play(); |
190 |
video.play(); |
Lines 202-215
Link Here
|
202 |
); |
204 |
); |
203 |
} else { |
205 |
} else { |
204 |
// Detect camera |
206 |
// Detect camera |
205 |
navigator.getMedia = ( navigator.getUserMedia || |
207 |
nav.getMedia = ( nav.getUserMedia || |
206 |
navigator.webkitGetUserMedia || |
208 |
nav.webkitGetUserMedia || |
207 |
navigator.mozGetUserMedia || |
209 |
nav.mozGetUserMedia || |
208 |
navigator.msGetUserMedia ); |
210 |
nav.msGetUserMedia ); |
209 |
// If camera... |
211 |
// If camera... |
210 |
if (navigator.getMedia) { |
212 |
if (nav.getMedia) { |
211 |
// keep it on and set objects height and width |
213 |
// keep it on and set objects height and width |
212 |
navigator.getMedia( |
214 |
nav.getMedia( |
213 |
{video: true}, |
215 |
{video: true}, |
214 |
function(stream) { |
216 |
function(stream) { |
215 |
video.srcObject = stream; |
217 |
video.srcObject = stream; |
216 |
- |
|
|