-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (77 loc) · 4.26 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
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<!--
* Copyright (c) 2015 The WebRTC project authors. All Rights Reserved.
*
* Use of this source code is governed by a BSD-style license
* that can be found in the LICENSE file in the root of the source
* tree.
-->
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Webcam Sam">
<!-- removing mobile responsiveness -->
<!-- <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1"> -->
<meta itemprop="description" content="Webcam Sam">
<meta itemprop="image" content="images/icon.png">
<meta itemprop="name" content="Webcam Sam">
<meta name="mobile-web-app-capable" content="yes">
<meta id="theme-color" name="theme-color" content="#ffffff">
<base target="_blank">
<title>See how you look.</title>
<link rel="icon" sizes="192x192" href="images/icon.png">
<link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="record/css/main.css">
</head>
<body>
<div class="logo">
<img src="images/webcamsam-logo.png" alt="Webcam Sam Logo" height="75" background-color="transparent">
</div>
<h1>Webcam Sam - see how you look.</h1>
<div id="container">
<div>
<button id="start">Start Camera</button>
<button id="record" disabled>Start</button>
<button id="play" disabled>Play</button>
<button id="download" disabled>Download</button>
<button id="startOver" disabled>Start Over</button>
</div>
<div>
<span id="errorMsg"></span>
</div>
<div>
<video id="gum" playsinline autoplay muted></video>
<video id="recorded" playsinline loop></video>
</div>
</div>
<div id="conversion">
<p>
Double-click your downloaded file to view in any browser. Use
<a href="https://www.freeconvert.com/webm-to-mp4">this link</a>
to convert it to an mp4.
</p>
</div>
<div id="disclaimer">
<p>* only Chrome on desktop is supported at this time</p>
</div>
<!-- <div>
<form action="https://api.cloudconvert.com/v2/convert" method="POST" enctype="multipart/form-data">
<input type="file" name="file">
<input type="hidden" name="apikey"
value="eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiIxIiwianRpIjoiNzQ0OWQ0NTE4NTNmNjg1ZDBlNmY4ZmIwNDA3MzI2Y2UxZjQ0Y2YxNTdiMjAyNzY1NzMxYjkxYjliYjI1MGQyMjVjYTMyMTYwMDhjYTExNjUiLCJpYXQiOjE2NDQ1MTQ4OTkuNTAyMzA2LCJuYmYiOjE2NDQ1MTQ4OTkuNTAyMzA5LCJleHAiOjQ4MDAxODg0OTkuNDg5NjE2LCJzdWIiOiI1NjE3NTk3MSIsInNjb3BlcyI6WyJ1c2VyLnJlYWQiLCJ1c2VyLndyaXRlIiwidGFzay5yZWFkIiwidGFzay53cml0ZSIsIndlYmhvb2sucmVhZCIsIndlYmhvb2sud3JpdGUiLCJwcmVzZXQucmVhZCIsInByZXNldC53cml0ZSJdfQ.UcdLmcCHEcj20L3-B1Dr0OS2a7DejOuq4UqrBUa6zk4Vm5C9lbwFkEYO-zr_XZcKIiYrLe7XIqJ8P0jyqgX_esA4NgR57V9wNuKiR90ONUAOG2uPXPLEevhIRL50-yCtfl3Tc8xjoai_BE_7f1h24MN60b9h1fLZ4cKq9Sq1ZVsK1rXDJ_C3RC2PXH2rKoo5dv8qF5Csn-u9oHkldz4S6PsDzTLSRcNYvmK0UdfLQwocSCFZx9CfrgQsdaLGAuQkC2GN9EgOEuk4B9SO6bTno1pSLrjoBNLC-vrspN4FqQwsE6CO7iNbSSE_mQ96RBEuN_-a_zqjDlGGDDOQrZeY6STdgusfe8WOHHtufEB-JVP0l6rcvJKOgeU4tqbhul8Vo5F6PBm5QM-3NaLv4OHhZZetO2UJIHFERHgoRM4yyf3CBy3ecnmF9kn4i59vr58eiRO_X7IQVy-yV3rdeMIKpsEu5WL9k1-H-hRoudtagyWPjx9Annbbr22bc7WB0kYn3jIuqu_2mWMACRBfxP55RubQfQ9ZkPzZ2TftGsfaJg374BV3FAz7JMXiS9k7Dc6nXe2VmsVaN_P0YOm1rjIgfe1aaisRpzK9Jg9Hi8p_Xhlz4OjKHeBzCNn5IkAPGTrHeDLgS844fs2EqDbdhgJt-CyQE7B9gTIELOHFTsJTFFo">
<input type="hidden" name="inputformat" value="webm">
<input type="hidden" name="outputformat" value="mp4">
<input type="hidden" name="input" value="upload">
<input type="hidden" name="wait" value="true">
<input type="hidden" name="download" value="true">
<input type="submit" value="Convert!">
</form>
</div> -->
<!-- include adapter for srcObject shim -->
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<script src="record/js/main.js" async></script>
<input type="checkbox" id="echoCancellation" class="hiddenItem" checked>
<!-- <input type="checkbox" id="echoCancellation" checked> -->
</body>
</html>