Delete static
Browse files- static/app.js +0 -73
static/app.js
DELETED
@@ -1,73 +0,0 @@
|
|
1 |
-
// establishing connection between client and server by getting the url.
|
2 |
-
var socket = io.connect(window.location.protocol + '//' + document.domain + ':' + location.port, {
|
3 |
-
transports: ['websocket']
|
4 |
-
});
|
5 |
-
// once connected sending out printing out connected
|
6 |
-
socket.on('connect', function () {
|
7 |
-
console.log("Connected...!", socket.connected)
|
8 |
-
});
|
9 |
-
|
10 |
-
// print results
|
11 |
-
var gender = document.getElementById('gender')
|
12 |
-
var age = document.getElementById('age')
|
13 |
-
var emotion = document.getElementById('emotion')
|
14 |
-
socket.on('result',(data) =>{
|
15 |
-
//console.log(data);
|
16 |
-
gender.innerHTML = data['gender']
|
17 |
-
age.innerHTML = data['age']
|
18 |
-
emotion.innerHTML = data['emotion']
|
19 |
-
});
|
20 |
-
|
21 |
-
// global varibales for video and output.
|
22 |
-
var video = document.getElementById('videoElement');
|
23 |
-
var canvas = document.getElementById('canvas');
|
24 |
-
var context = canvas.getContext('2d');
|
25 |
-
var send_data;
|
26 |
-
// set video dimentions.
|
27 |
-
video.width = 400;
|
28 |
-
video.height = 300;
|
29 |
-
// rate of sending image
|
30 |
-
const FPS = 10;
|
31 |
-
// function for sending the webcam input
|
32 |
-
function send() {
|
33 |
-
width = video.width;
|
34 |
-
height = video.height;
|
35 |
-
context.drawImage(video, 0, 0, width, height);
|
36 |
-
var data = canvas.toDataURL('image/jpeg', 0.5);
|
37 |
-
context.clearRect(0, 0, width, height);
|
38 |
-
socket.emit('image', data);
|
39 |
-
};
|
40 |
-
// funtion to start webcam on client side
|
41 |
-
function start_camera() {
|
42 |
-
send_data = setInterval(send, 1000 / FPS)
|
43 |
-
let devices = navigator.mediaDevices
|
44 |
-
if (!devices || !devices.getUserMedia) {
|
45 |
-
console.log("getUserMedia() not supported.");
|
46 |
-
return;
|
47 |
-
}
|
48 |
-
devices.getUserMedia({
|
49 |
-
video: true
|
50 |
-
})
|
51 |
-
.then(function (vidstream) {
|
52 |
-
if ("srcObject" in video) {
|
53 |
-
video.srcObject = vidstream;
|
54 |
-
|
55 |
-
} else {
|
56 |
-
video.src = window.src = window.URL.createObjectURL(vidstream);
|
57 |
-
|
58 |
-
}
|
59 |
-
video.onloadeddata = function (e) {
|
60 |
-
video.play();
|
61 |
-
};
|
62 |
-
|
63 |
-
})
|
64 |
-
.catch(function (e) {
|
65 |
-
console.log(e.name + ": " + e.massage);
|
66 |
-
});
|
67 |
-
};
|
68 |
-
// stopping camera input and sending data.
|
69 |
-
function stop_camera() {
|
70 |
-
video.srcObject.getTracks()[0].stop();
|
71 |
-
video.srcObject = null;
|
72 |
-
clearInterval(send_data);
|
73 |
-
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|