-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
116 lines (105 loc) · 4.3 KB
/
popup.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
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="lib/jquery/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="popup.css">
<link rel="stylesheet" type="text/css" href="options.css">
<link rel="stylesheet" type="text/css" href="textures.css">
</head>
<body>
<div id="menu">
<span id="menu-new-shader" class="ui-icon ui-icon-document menu-icon" title="New shader"></span>
<span id="menu-textures" class="ui-icon ui-icon-image menu-icon" title="Textures"></span>
<span id="menu-options" class="ui-icon ui-icon-gear menu-icon" title="Settings"></span>
<!--<span id="help" class="ui-icon ui-icon-help menu-icon" title="Help"></span>-->
</div>
<div id="textures-surroundings"></div>
<div id="textures-page">
<span id="textures-close" class="ui-icon ui-icon-close" title="Close"></span>
<div id="textures-header">Textures</div>
</div>
<div id="options-surroundings"></div>
<div id="options-page">
<!--<span>Options</span>-->
<span id="options-close" class="ui-icon ui-icon-close" title="Close"></span>
<form id="options-form">
<div class="options-section-header">Audio Settings</div>
<div class="options-row">
<label class="options-label">Source:</label>
<select id= "audio-source" class="options-input">
<option value="video">Video</option>
<option value="mic">Microphone</option>
<option value="none">None</option>
</select>
</div>
<div class="options-row">
<label class="options-label">FFT Size:</label>
<select id="fft-size" class="options-input">
<!-- Set size options programmatically -->
</select>
</div>
<div class="options-row">
<label class="options-label">Smoothing Factor:</label>
<input id="smoothing-factor" class="options-input" type="number" min="0" max="1" step="0.01">
</div>
<br>
<div class="options-section-header">Recording Settings</div>
<div class="options-row">
<label class="options-label">Video bitrate (bps):</label>
<input id="video-bitrate" class="options-input" type="number" min="100000" max="30000000">
</div>
<div class="options-row">
<label class="options-label">Audio bitrate (bps):</label>
<input id="audio-bitrate" class="options-input" type="number" min="6000" max="128000">
</div>
<br>
<div class="options-section-header">Other</div>
<div class="options-row">
<label class="options-label">Hide read-only shaders:</label>
<input id="hide-readonly" class="options-input" type="checkbox">
</div>
<div id="options-footer">
<span id="options-revert" class="ui-icon ui-icon-arrowreturnthick-1-w" title="Revert to default settings"></span>
<button id="options-save" type="submit" accesskey="s"><u>S</u>ave</button>
<span><!--flex spacing placeholder --></span>
</div>
</form>
</div>
<img id="icon" src="images/icon64.png">
<br>
<div id="table-header">
<div id="search-wrapper">
<div class="ui-icon ui-icon-search"></div>
<input id="search-bar" type="text" spellcheck="false" tabindex="-1">
</div>
<!--
<img id="refresh" class="btn" src="images/refresh16.png">
-->
</div>
<div id="table-container">
<div id="saved-shaders-wrapper">
<div id="saved-shaders" class="shader-table"></div>
</div>
<div id="active-shaders-wrapper">
<div id="active-shaders" class="shader-table"></div>
</div>
</div>
<div id="table-footer">
<button id="exec" accesskey="a" tabindex="-1"><u>A</u>pply</button>
</div>
</body>
<svg id="filters" width="0" height="0">
<filter id="greenify" color-interpolation-filters="sRGB">
<feColorMatrix type="matrix"
values="0.38 0 0 0 0
0.80 0 0 0 0
0.45 0 0 0 0
0 0 0 1 0" />
</filter>
</svg>
<script src="lib/jquery/jquery-1.12.4.min.js"></script>
<script src="lib/jquery/jquery-ui.min.js"></script>
<script src="textures.js"></script>
<script src="options.js"></script>
<script src="popup.js"></script>
</html>