-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
options.html
210 lines (167 loc) · 7.13 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Video Commander</title>
<link rel="stylesheet" type="text/css" href="options.css">
</head>
<body>
<header>
<h1>Video Commander</h1>
</header>
<div id="main">
<h3>Shortcuts</h3>
<div class="settings">
<label for="toggle-play-and-pause">Toggle play and pause</label>
<input id="toggle-play-and-pause" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="jump-to-beginning">Jump to beginning</label>
<input id="jump-to-beginning" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="jump-to-end">Jump to end</label>
<input id="jump-to-end" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="rewind-time">Rewind time</label>
<input id="rewind-time" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="advance-time">Advance time</label>
<input id="advance-time" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="speed-down">Speed down</label>
<input id="speed-down" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="speed-up">Speed up</label>
<input id="speed-up" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="reset-speed">Reset speed</label>
<input id="reset-speed" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="partial-loop">Partial loop</label>
<input id="partial-loop" type="text" value="" placeholder="Press a key">
</div>
<div class="settings">
<label for="toggle-fullscreen">Toggle fullscreen</label>
<input id="toggle-fullscreen" type="text" value="">
</div>
<div class="settings">
<label for="get-next-video-element">Get next video element</label>
<input id="get-next-video-element" type="text" value="">
</div>
<div class="settings">
<label for="partial-loop-precision">Partial loop precision</label>
<input id="partial-loop-precision" type="text" value="">
</div>
<div class="settings">
<label for="skip-time-amount">Amount of time to skip</label>
<input id="skip-time-amount" type="text" value="">
</div>
<div class="settings">
<label for="play-or-pause-when-loading">Play or pause when loading</label>
<select id="play-or-pause-when-loading" name="play-or-pause-when-loading">
<option value="default">Leave it to a site</option>
<option value="play">Play automatically</option>
<option value="pause">Always pause</option>
</select>
</div>
<div class="settings">
<label for="show-or-hide-progress-bar">Show or hide progress bar</label>
<select id="show-or-hide-progress-bar" name="show-or-hide-progress-bar">
<option value="default">Show when a relevant timing</option>
<option value="show">Always show</option>
<option value="hide">Always hide</option>
</select>
</div>
<div class="settings">
<label for="scroll-to-player">Scroll to a player automatically</label>
<div id="checkbox-wrapper"><input id="scroll-to-player" type="checkbox"></div>
</div>
<div class="settings">
<label for="remember-playback-speed">Remember playback speed</label>
<div id="checkbox-wrapper"><input id="remember-playback-speed" type="checkbox"></div>
</div>
<div id="button-wrap">
<button id="save">Save</button>
<button id="reset">Reset</button>
</div>
<div id="status"></div>
<h3>Fixed shortcuts</h3>
<div class="settings">
<label for="fixed-toggle-play-and-pause">Toggle play and pause</label>
<span id="fixed-toggle-play-and-pause">space</span>
</div>
<div class="settings">
<label for="fixed-rewind-time">Rewind time</label>
<span id="fixed-rewind-time" type="text" value="">left-arrow</span>
</div>
<div class="settings">
<label for="fixed-advance-time">Advance time</label>
<span id="fixed-advance-time">right-arrow</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-0">Jump to beginning</label>
<span id="fixed-jump-to-timer-ratio-0">0</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-1">Jump to 10% playback position</label>
<span id="fixed-jump-to-timer-ratio-1">1</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-2">Jump to 20% playback position</label>
<span id="fixed-jump-to-timer-ratio-2">2</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-3">Jump to 30% playback position</label>
<span id="fixed-jump-to-timer-ratio-3">3</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-4">Jump to 40% playback position</label>
<span id="fixed-jump-to-timer-ratio-4">4</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-5">Jump to 50% playback position</label>
<span id="fixed-jump-to-timer-ratio-5">5</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-6">Jump to 60% playback position</label>
<span id="fixed-jump-to-timer-ratio-6">6</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-7">Jump to 70% playback position</label>
<span id="fixed-jump-to-timer-ratio-7">7</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-8">Jump to 80% playback position</label>
<span id="fixed-jump-to-timer-ratio-8">8</span>
</div>
<div class="settings">
<label for="fixed-jump-to-timer-ratio-9">Jump to 90% playback position</label>
<span id="fixed-jump-to-timer-ratio-9">9</span>
</div>
<div class="settings">
<label for="fixed-reset-loop-status">Reset loop status</label>
<span id="fixed-reset-loop-status">esc</span>
</div>
<div class="settings">
<label for="fixed-reset-loop-status">Reset loop status</label>
<span id="fixed-reset-loop-status">Ctrl-c</span>
</div>
<div class="settings">
<label for="fixed-active-blur">Unfocus</label>
<span id="fixed-active-blur">esc</span>
</div>
<h3>Note</h3>
<p>The lower the value of <b>partial loop precision</b> is, the better the precision is when looping partially, and the higher the value is, the worse the precision is. Please remember that <b>when this value is set extremly low, the CPU utilization may go up</b>. The default value (100) is reasonable.</p>
<p>To <b>always show progess bar</b> makes the CPU utilization go up. You can keep showing progress bar temporarily by typing <b>"." (colon)</b> key. It is recommended to leave this option off, and use <b>"." (colon)</b> key when necessary.</p>
</div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="options.js"></script>
</body>
</html>