forked from igrigorik/videospeed
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
134 lines (124 loc) · 4.45 KB
/
options.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
<!doctype html>
<html data-bs-theme="dark">
<head>
<title>Video Speed Controller: Options</title>
<link rel="stylesheet" href="external/bootstrap-5.3.2.min.css" />
<script src="external/lodash-4.17.15-min.js"></script>
<script src="external/luxon.min.js"></script>
<script src="shared/all-actions.js"></script>
<script src="shared/defaults.js"></script>
<script src="options/misc.js"></script>
<script src="options/key-codes.js"></script>
<script src="options/bindings.js"></script>
<script src="options/validate.js"></script>
<script src="options/save.js"></script>
<script src="options/restore.js"></script>
<script src="options/toggle-speeds.js"></script>
<script src="options.js"></script>
</head>
<body>
<div class="container">
<header>
<h1>Video Speed Controller</h1>
</header>
<section id="customs">
<h3>Shortcuts</h3>
<table class="table table-striped table-bordered table-sm" id="shortcuts">
<thead>
<!-- header {{{ -->
<tr>
<th style="width: 20%">COMMAND</th>
<th class="width: 5%">MODIFIERS</th>
<th style="width: 10%;">KEY</th>
<th style="width: 30%;">VALUE(S)</th>
<th style="width: 30%;">OPTIONS</th>
<th style="width: 5%;">OTHER</th>
</tr>
<!-- }}} -->
</thead>
<tbody>
</tbody>
</table>
<button id="add" class="btn btn-primary" style="display: none;">Add New</button>
</section>
<hr />
<section>
<div class="row">
<input id="website1Pattern" type="text" value="youtube.com" class="websiteName" />
<input id="website1Speed" type="text" value="2.5" />
</div>
</section>
<hr />
<section>
<h3>Other</h3>
<div class="row">
<label for="enabled">Enable</label>
<input id="enabled" type="checkbox" />
</div>
<div class="row">
<label for="startHidden">Hide controller by default</label>
<input id="startHidden" type="checkbox" />
</div>
<div class="row">
<label for="rememberSpeed">Remember playback speed</label>
<input id="rememberSpeed" type="checkbox" />
</div>
<div class="row">
<label for="forceLastSavedSpeed"
>Force last saved speed<br />
<em>Useful for video players that override the speeds set by VideoSpeed</em></label
>
<input id="forceLastSavedSpeed" type="checkbox" />
</div>
<div class="row">
<label for="audioBoolean">Work on audio</label>
<input id="audioBoolean" type="checkbox" />
</div>
<div class="row">
<label for="controllerOpacity">Controller opacity</label>
<input id="controllerOpacity" type="text" value="" />
</div>
<div class="row">
<label for="logLevel">Log level</label>
<select class="customForce" id="logLevel">
<option value="2">2: ERROR</option>
<option value="3">3: WARNING</option>
<option value="4">4: INFO</option>
<option value="5">5: DEBUG</option>
<option value="6">6: DEUBG (VERBOSE)</option>
</select>
</div>
<div class="row">
<label for="blacklist"
>Sites on which extension is disabled<br />
(one per line)<br />
<br />
<em>
<a href="https://www.regexpal.com/">Regex</a> is supported.<br />
Be sure to use the literal notation.<br />
ie: /(.+)youtube\.com(\/*)$/gi
</em>
</label>
<textarea id="blacklist" rows="10" cols="50"></textarea>
</div>
</section>
<button id="save">Save</button>
<button id="restore">Restore Defaults</button>
<button id="experimental">Show Experimental Features</button>
<div id="status"></div>
<hr />
<p></p>
<div>
<button id="forgetAll">Forget all speeds</button>
<button id="toggleSpeeds">Toggle display all speeds</button>
<span id="forgetStatus" class="hidden">Forgot all!</span>
<div id="speeds" class="hidden">
</div>
</div>
<script src="external/popper-2.11.8.min.js"></script>
<script src="external/bootstrap-5.3.2.min.js"></script>
</body>
</html>
<!--
vim: foldmethod=marker
-->