-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
152 lines (112 loc) · 4.8 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<!--
* Copyright (c) 2018 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="Screencorder - Simple screen recorder for Linux on Wayland and X11">
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1">
<meta itemprop="description" content="Screencorder - Simple screen recorder for Linux on Wayland and X11">
<meta itemprop="name" content="Screencorder">
<meta name="mobile-web-app-capable" content="yes">
<meta id="theme-color" name="theme-color" content="#000000">
<link rel="stylesheet" href="js/main.css">
<base target="_blank">
<title>Screencorder</title>
</head>
<body>
<div id="DivVdo">
<video id="gum-local" style="width: 90%" autoplay playsinline controls muted></video>
</div>
<div id="DivSetQlt">
<div>
<table style="width:100%;height:10em;" cellpadding="0">
<tr>
<td colspan="2" class="menu" style="height:25px">
<span>
<h1>Screencorder</h1>
<span>Simple screen recorder for Linux on Wayland and X11</span>
</span>
</td>
</tr>
<tr>
<td rowspan="3">
<div style="width:100%;height:100%;" class="hvcenter">
<button class="btn"
style="height:10rem;width:90%; padding: auto; border-radius: 5%; background-color: #e34433; "
id="startRecButton" onclick="StartRec()">Record</button>
</div>
</td>
<td style="padding:8px !important;" rowspan="1">
<div style="width:100%;height:100%">
<br>
<label>Record Quality</label>
<select style="font-size:12px;width:100%" id="SlctQlty" onchange="SelectQltyChanged()">
<option value="0">Original Quality </option>
<option value="100">Text Optimized Quality </option>
<option value="1"> Full HD Quality </option>
<option value="2"> HD Quality </option>
<option value="3"> Medium Quality </option>
<option value="4"> Low Quality </option>
<option value="5"> Lowest Quality </option>
</select>
<br>
<br>
<label id="LblQlty"> Window Bitrate and Framerate </label>
<br />
</div>
</td>
</tr>
<tr>
<td style="padding:8px !important;" rowspan="1">
<div style="width:100%;height:100%">
<label id="LblEnc"> Your browser will encode in ---- format </label>
<br>
<br>
<label>Encode Gear </label>
<select style="font-size:12px;width:100%" id="SlctEnc" onchange="SelectEncChanged()">
<option value="c"> Browser encoder | Fastest and Highest quality | Some browsers may not support this </option>
<option value="r"> Device encoder | Highest compatibility | Auto selects encoding </option>
<option value="fh"> High quality | Medium CPU usage | Bigger file size </option>
<option value="fb"> Low CPU usage | Good quality | Medium file size </option>
<option value="ml"> Smallest file size | Lower quality | Medium CPU usage </option>
<option value="fl"> Lowest CPU usage | Medium quality | Bigger file size </option>
<option value="sh"> High quality | High CPU usage | Small file size </option>
<option value="su"> Highest quality | Highest CPU usage | Medium file size </option>
</select>
<br>
<br>
</div>
</td>
</tr>
<tr>
<td style="padding:8px !important;" rowspan="1">
<div style="width:100%;height:100%">
<span> Filename </span>
<input type="text" id="TxtFileName" style="width:60% ; text-align: right; " />
<span id="TxtFileExt"> </span>
<br>
<br>
</div>
</td>
</tr>
</table>
</div>
</div>
<br>
<div id="errorMsg"></div>
<!-- <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script> -->
<script src="js/adapter-latest.js"></script>
<script src="js/main.js"></script>
<script>
if (navigator.serviceWorker) {
navigator.serviceWorker.register('serviceworker.js', { scope: '/' })
}
</script>
</body>
</html>