-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (34 loc) · 1.3 KB
/
index.html
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
<!DOCTYPE>
<html>
<head>
<title>Eigenfaces</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
</style>
<link rel="stylesheet" type="text/css" href="static/style.css">
<script type="text/javascript" src="static/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="static/settings.js"></script>
<script type="text/javascript" src="static/client.js"></script>
</head>
<body>
<div style="text-align:center;">
<div>
<canvas class="circle" width="250" id="canvas" height="250"></canvas>
<p><button id="capture-button">Capture Face</button></p>
<p><button id="capture-face">Capture Smile</button></p>
<p><button id="capture-result">Get Results</button></p>
<p><button id="capture-stream">Get Stream</button></p>
<p><button id="capture-snapshot">Snapshot</button></p>
<input type="button" value="Restart" onclick="location.reload()">
</div>
<div>
<img id="target" style="display: inline;"/>
<video id="live" width="250" height="250" autoplay style="text-align:center; visibility: hidden; display: inline;"></video>
<div>
</div>
</div>
</div>
</body>
</html>