selfiescope/index.html at master · extrapulp/selfiescope · GitHub

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
<!doctype html>

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>selfiescope</title>
     <meta name="description" content="DESCRIPTION">
    <link rel="stylesheet" href="assets/css/styles.css">
    <script src = "assets/js/jquery.min.js"></script>
    <!--[if lt IE 9]>
      <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
 </head>

 <body>
	 <div class="camera_flash"></div>
   <div id="container">
		 <div id="img-results">
			 <img id="captured-image" />
		 </div>
   </div>
   <div class="camera-wrap">
     <div class="camera">
       <div id="my_camera"></div>

       <!-- First, include the Webcam.js JavaScript Library -->
       <script type="text/javascript" src="assets/js/webcam.min.js"></script>

       <!-- Configure a few settings and attach camera -->
       <script language="JavaScript">
         Webcam.set({
           width: 1080,
           height: 720,
           image_format: 'jpeg',
           jpeg_quality: 100
         });
         Webcam.attach( '#my_camera' );
       </script>

       <!-- A button for taking snaps -->
       <form>
				 <div class="select hidden">
        <label for="audioSource">Audio input source: </label><select id="audioSource"></select>
    </div>

    <div class="select hidden">
        <label for="audioOutput">Audio output destination: </label><select id="audioOutput"></select>
    </div>

    <div class="select">
			<input class="hidden" type="button" id="fieldNext" value="Next">
        <label class="hidden" for="videoSource">Video source: </label><select class="hidden" id="videoSource"></select>
    </div>
				  <input class="hidden" type=button value="Save Snapshot" onClick="saveSnap()">
         <input class="hidden" type=button value="Take Snapshot" onClick="take_snapshot()">
       </form>
     </div>
   </div>

   <script src = "assets/js/graphemescope.min.js"></script>
	 <script src = "assets/js/camerasource.js"></script>
   <script src = "assets/js/scripts.js"></script>

  </body>

 </html>