|
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 |
- |
|
|