-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathVideoNotes.html
More file actions
315 lines (306 loc) · 23.7 KB
/
VideoNotes.html
File metadata and controls
315 lines (306 loc) · 23.7 KB
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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html lang="zh" style="background: black;">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VideoNotes</title>
<!-- <link rel="stylesheet" importance="high" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/11.0.0/css/fabric.min.css" /> -->
<link rel="stylesheet" href="./src/msIcons.css">
<link rel="preload" as="font" type="font/woff" crossorigin="anonymous" href="https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-3.54.woff">
<link rel="shortcut icon" sizes="128 x 128" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQcSURBVHhe7dsxL2xBGMbxcQsqHYVIJDqFUEkUFFqNROEDiFZJqVBSivgEGoVSq6CQqIhColCpiEZFc+8+kzObY+PYdc05M7Pz/yXsHm5xY97zzDszZw0AAAAAAAAAAAAAAACAPjKgb39b7BWyMtDyp3gPj1K6nz4lQKsg9IJfuLi4KN4Zs7i4WLyLiytQEgCGAsgcU4BnVVNA+echlP8vTAFoIwE865YACwsL9rUpl5eX9pUEwJcogMxRAJmjADJHE+gZy0AkhQTwrCoBYkICoI0CyBwFkDl6AM9YBSApJIBn3RIg+8OgpaUls7m5WVwhtCBTwNramjk7O7PFgLCC9QDDw8Nmd3fXHB4emunp6eKnaFqwAhgZGbGvMzMz5ujoiGkhkMabQMW+7nwVwNTUlLm/vzcvLy/Fb43Z2dkx5+fnxVV6WAb+kIpgdna2nQgqjpOTE6aFhgRPgDIlwePjo3l/f7fXSgIlQkqqEiAmUSVAmYpibm7OjI+P22sVi/6gWjWgHlEVgDM5OWkLwU0LahA1LbBs9C/KApChoSE7RehL78fGxuzUsb+/b0ZHR4t/hd+Kqgf4ztPTk+0PHCXCwcFBcRUPVgE1UV+gfXQ3LbCb6EcyCVCm1YIS4e3tzV7f3t7azaS7uzt7HVK3BOCTQR6oeLR34AqI3cT/l2QBOCqEzmlBdxrTQu+SLgBHSdC5m3h8fMxuYg/6ogBEp4sqBDctTExM2GlBxYBqSTaBvdCSUY2ioyWjlo51YxkYCXYTe9O3CVDWech0dXVl9vb2zPPzs732qSoBYpJFApSp2JQGSgWZn583p6enHDK1ZFEAqJZFAWgKuL6+bp8laApYXV1tpCmMXV/3AJrzNejukTNtHW9vb9e6ZcwqIBIaeN31bvD1ZNHy8nIU5wUx6bsEaLLj/0q3BOAwqCYa8JubG/uUsd6/vr7aeX5ra6uxwU9R8gWgwdagK+41x+tLcb+yssLA9yDpAlDc61kAN8/rKWLN8yl/rqBpSRaA7nLd8S7u3bIutUfIY5BUE6jB7lzW6SHRmO54loE10cleeVmn0z3i/veiT4DQy7qfqkqAmCSRAK67d/O86+5Z1vkVZQFU7eIR9/5FVQAacA28e5LHdfcMfH2i6AFc3CvmRbt4GxsbSUY9q4AfcAPPLl44QRNAA17u7tXgpa5bAnAYVNB8r8F/eHhoH9qgecEKwMX9+vo6cR9QkALQo1gs6+LQeAFo0GP8XH+uGm8C+x3LQCSFBPCsKgFiQgKgjQLIHAWQOXoAz1gFICkkgGfdEoDDIESFAsgcBZA5CiBzNIGesQxEUkgAz6oSICYkANoogMxRAJn71APAj4+PDzM4OFhcxUs9AAWQMTf+AAAAAAAAAAAAAAAAAAAAAAAASI4x/wDxTht4UVJ/sAAAAABJRU5ErkJggg==" type="image/x-icon">
<link rel="shortcut icon" href="./res/VNIcon.ico" type="image/x-icon">
<!-- <link rel="shortcut icon" sizes="16 x 16" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADvSURBVFhH7ZbNDcIwDIULc7AIgzAIa3HlzAbc2IQbp9bPxVGwZMuBIB+aT3pyQl3r9fETpsHm2ZHmdZnHPwxEZ86SAGpPZKZnpFyPum0hOnPevxdpeAaOpF/Twf2WmEgCD9JhXTaD99lSobhRSAKiMymKNVPDfVazNvAk3UiRNGRmfb8W4CobjTZQ60TyQE8E7rOaPQNI40qy0kBPBO6zmj0DtS4kDV6XaglwlY3GM/AipSaQ8hnAU99Jad+CtN+B6FPXdDXwDXIfqiXAVTY9ic7MP45xKsHtx+nUAZnpJVGuR+NqITqz/CccDLbKNC3BYZd+KkW/eAAAAABJRU5ErkJggg==" type="image/x-icon"> -->
<link rel="manifest" href="./webmanifest.json">
<style>
#load-cover {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: black;
color: rgba(255, 255, 255, 0.8);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-content: center;
align-items: center;
z-index: 99999;
text-align: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
transition: all .25s;
cursor: default;
transition: .3s all;
}
</style>
</head>
<body dir="ltr">
<div id="load-cover">
<!-- <img src="./res/VideoNotesLQ.png" alt="" width="128" height="128">
<h1 style="font-size: 60px;font-weight: normal;margin: 0;">VideoNotes</h1> -->
<p id="load-text">
<svg xmlns="http://www.w3.org/2000/svg" style="animation: spinning 3s linear infinite;" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#9b9b9b" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</p>
</div>
<div class="left">
<video src="about:blank"></video>
<iframe src="" allow="" frameborder="0" class="hidden" nwfaketop>
<div class="error">
<i class="ms-Icon ms-Icon--Error" aria-hidden="true"></i>
<iconlabel class="important">您的浏览器不支持 iframe。<br>本功能将无法正常工作。<br>是时候换个好一点的浏览器了！</iconlabel>
</div>
</iframe>
<div id="iframe-loading" class="hidden">
<!-- <i class="ms-Icon ms-Icon--WebAppBuilderModule spinning" style="font-size: 45px;" aria-hidden="true"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" class="spinning" width="45" height="45" viewBox="0 0 24 24" fill="none" stroke="grey" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round">
<path d="M12 2l9 4.9V17L12 22l-9-4.9V7z" /> </svg>
</div>
<div class="media-playback-percentage">
<div id="play-length"></div>
<div class="media-playback-timing"></div>
</div>
</div>
<div class="right">
<group>
<textarea name="" id="ta1" cols="30" rows="5" placeholder="正在加载中···\n\n如果您长时间看到此提示，网页可能工作不正常。"></textarea>
<!-- <textarea name="" id="ta2" cols="30" rows="5" placeholder="texttext"></textarea>
<textarea name="" id="ta3" cols="30" rows="5" placeholder="texttext"></textarea>
<textarea name="" id="ta4" cols="30" rows="5" placeholder="texttext"></textarea> -->
</group>
<noscript>
<i class="ms-Icon ms-Icon--StatusErrorFull" aria-hidden="true"></i>
<iconlabel class="important">JavaScript 未被启用。<br>本网页将无法正常工作。<br>如果您已启用 JavaScript 页面却未工作，请下载网页后用浏览器打开。</iconlabel>
</noscript>
<div class="error fix hidden" id="ie-warning" style="opacity: .6;">
<i class="ms-Icon ms-Icon--Warning" aria-hidden="true"></i>
<iconlabel class="important">本网页对于 Internet Explorer 的支持不佳，不一定能正常工作。</iconlabel>
</div>
<div>
<div style="display: flex;position: relative;" id="time-edt" class="nodisplay timecontrols">
<interaction class="half" id="player-rev" title="-5s"><i class="ms-Icon ms-Icon--DoubleChevronLeft8" aria-hidden="true"></i></interaction>
<interaction class="half" id="player-jump" title="跳到时间"><i class="ms-Icon ms-Icon--SIPMove" aria-hidden="true"></i></interaction>
<interaction class="half" id="player-forw" title="+5s"><i class="ms-Icon ms-Icon--DoubleChevronRight8" aria-hidden="true"></i></interaction>
</div>
<div style="display: flex;flex-shrink: 0;" class="filecontrols">
<interaction left id="playpause" style="flex-shrink: 1.4; margin-right: 6px;">
<i class="ms-Icon ms-Icon--OpenFile" aria-hidden="true"></i>
<iconlabel class="important">打开 (o)</iconlabel>
</interaction>
<!-- <interaction onclick="toggleInfo()" id="info" style="width: 50px"><i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i>
</interaction> -->
<context>
<interaction haschild style="width: 50px" title="菜单" id="context-toggle">
<i class="ms-Icon ms-Icon--GlobalNavButton" aria-hidden="true"></i>
</interaction>
<operation id="more-options">
<interaction id="refresh" title="重新加载应用">
<i class="ms-Icon ms-Icon--Refresh" aria-hidden="true"></i>
<iconlabel class="important">重新加载应用</iconlabel>
</interaction>
<interaction id="sharelink" title="复制分享链接">
<i class="ms-Icon ms-Icon--Copy" aria-hidden="true"></i>
<iconlabel class="important">复制分享链接</iconlabel>
</interaction>
<interaction id="settings-btn" data-modal="settings" title="设置 (s)">
<i class="ms-Icon ms-Icon--Settings" id="settings-icon" aria-hidden="true"></i>
<iconlabel class="important">设置 (s)</iconlabel>
</interaction>
<interaction id="help-btn" data-modal="welcome" title="帮助">
<i class="ms-Icon ms-Icon--Help" id="help-icon" aria-hidden="true"></i>
<iconlabel class="important">帮助</iconlabel>
</interaction>
<interaction id="winontop" title="窗口置顶">
<i class="ms-Icon ms-Icon--Checkbox" aria-hidden="true"></i>
<iconlabel class="important">窗口置顶</iconlabel>
</interaction>
<interaction id="fullscreen" title="切换全屏 (f)">
<i class="ms-Icon ms-Icon--FullScreen" aria-hidden="true"></i>
<iconlabel class="important">全屏 (f)</iconlabel>
</interaction>
<interaction id="openfile-sub" class="hidden" title="打开 (o)">
<i class="ms-Icon ms-Icon--OpenFile" aria-hidden="true"></i>
<iconlabel class="important">打开 (o)</iconlabel>
</interaction>
<interaction id="dl-desktop" title="下载桌面应用">
<i class="ms-Icon ms-Icon--Download" aria-hidden="true"></i>
<iconlabel class="important">下载桌面应用</iconlabel>
</interaction>
</operation>
</context>
</div>
</div>
</div>
<modal id="openfile" class="hidden fadeout" onopen="openFile.el.textBox.select()">
<div class="modal-card">
<div class="close-button">×</div>
<div class="modal-content">
<h2>打开文件</h2>
<div id="open-network-url">
<input type="text" placeholder="输入视频网站链接 / 视频 URL / 以'||'为开头的页面地址" id="URLtextbox"></input>
<button id="URLpaste" title="粘贴"><i class="ms-Icon ms-Icon--Paste" aria-hidden="true" single></i></button>
<button id="URLopen" title="打开"><i class="ms-Icon ms-Icon--Forward" aria-hidden="true" single></i></button>
<label for="openlf" class="input-file-alternative no-custom"><i class="ms-Icon ms-Icon--OpenFolderHorizontal" aria-hidden="true"></i><span style="vertical-align: center;">本地选取文件</span></label>
<!-- <input type="button" value='<i class= ms-Icon ms-Icon--OpenFile' aria-hidden='true'\>\<\/i\>打开" id="URLopen"></input> -->
</div>
<input type="file" name="openlf" id="openlf" accept="video/*, .html, .pdf, .swf">
<!-- <p id="grant-clipboard">建议您先允许剪贴板权限。<help onclick="settingUtils.interaction.grantClipboard()">点击以允许</help>
</p> -->
<p id="file-info" class="hidden"></p>
<p>您可以从本地选取文件，或粘贴视频网站链接/视频源文件链接。按 Shift 提交链接时会启用网页模式。<help data-modal="welcome">查看帮助</help>
</p>
<p id="parameter" class="hidden">
<info></info>
<interaction id="param-btn" small style="width: fit-content;display: inline; line-height: 3em;">点击我回到正常状态</interaction>
</p>
<p id="history" class="hidden" style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">
您上次打开了
<interaction id="history-btn" small style="width: fit-content;display: inline; line-height: 3em;"></interaction>
</p>
</div>
</div>
</modal>
<modal id="info" class="hidden fadeout">
<div class="modal-card" style="height: fit-content;">
<div class="close-button">×</div>
<div class="modal-content">
<h1>信息</h1>
<p style="line-height: 1.5em;font-size: larger;">...</p>
</div>
</div>
</modal>
<modal id="settings" class="hidden fadeout">
<div class="modal-card">
<div class="close-button">×</div>
<div class="modal-content">
<div class="error hidden" id="localStorage-error">
<i class="ms-Icon ms-Icon--InfoSolid" aria-hidden="true"></i>
<iconlabel class="important">当前浏览器不支持 localStorage，您记下的笔记不会被缓存，设置不会被保存，在离开页面时我们也会提醒您。<br>建议更换 Chromium 内核的浏览器。</iconlabel>
</div>
<div style="display: flex;align-items: center;padding: 10px 14px; background-color: rgb(51, 51, 51);border-radius: 5px;" id="what-card">
<div class="logo">
<!-- <img src="./VideoNotes.svg" alt="" style="width: 100%;height: 100%;"> -->
</div>
<div>
<h3 style="margin: 0.1em 0 0.5em;">VideoNotes 1.9.2</h3>
<p style="margin: 0 0 0.5em;">@smallg0at 编写, 2020/6/30</p>
<p style="margin: 0 0 0.5em;"><a href="https://github.com/smallg0at/VideoNotes" target="_blank" class="help">Github 仓库</a></p>
<!-- <p style="margin: 0 0 0.5em;">服务器由 @steven12138z 提供</p> -->
</div>
</div>
<h3>设置</h3>
<setting>
<select name="bilibili-ext" id="bilibili-ext" style="display: inline-block;">
<option value="0">B站小播放器（不支持720P以上）</option>
<option value="1">贝贝解析（默认）（无法更换画质）</option>
</select>
<label for='bilibili-ext'>B站解析接口</label>
</setting>
<setting>
<input type="checkbox" name="enable-force-method" id="enable-force-method" style="width: 20px;height: 20px">
<label for="enable-force-method">启用暴力的本地文件读取方式（不建议开启）</label>
</setting>
<p>打开暴力方法后，请<strong>务必不要打开100MB以上的本地文件</strong>，否则页面可能崩溃</p>
<interaction id="reset-everything" style="color: rgba(255, 255, 0, 0.5); width: fit-content;" small>
<i class="ms-Icon ms-Icon--Delete" aria-hidden="true"></i>
<iconlabel class="important">重置设置与所有笔记</iconlabel>
</interaction>
</div>
</div>
</modal>
<modal id="welcome" class="hidden fadeout">
<div class="modal-card">
<div class="close-button">×</div>
<div class="modal-content">
<h1>欢迎使用 VideoNotes！</h1>
<p>这个应用能使你在看视频时更方便的记录笔记。<br>您目前正在使用
<span id="is-app">网页应用，部分操作可能不适用。<a href="https://github.com/smallg0at/VideoNotes/releases" class="help">请在这里下载本地应用</a></span>
</p>
<p>如果显示出现问题，请通过 <code>ctrl+r</code> 刷新。</p>
<p><strong>我们建议您简单阅读帮助。</strong></p>
<h2>更新日志</h2>
<p>1.9.1：大量用户体验改善</p>
<p>1.9.0：分享功能与bug修复</p>
<h2>帮助</h2>
<p>每次启动时我们会帮您启动打开对话框，方便您填入链接。如需更改设置、进行各种操作，请查看右下角（或者右侧）诸多按钮提供的选项，如看不到请提高亮度。</p>
<h3>快捷键帮助</h3>
<ul>
<li><code>Ctrl+i</code>插入当前视频的时间（本地应用支持网页）</li>
<li><code>Ctrl+u</code>播放/暂停左侧视频（仅本地应用）</li>
<li><code>Ctrl+]</code>开关永远高亮（无提示）</li>
<li><code>s</code>打开设置</li>
<li><code>o</code>打开文件</li>
<li><code>f</code>全屏</li>
<li><code>Tab</code>切换到笔记区域</li>
<li><code>Ctrl</code>点亮笔记区域</li>
<li>其余按钮上有提示</li>
</ul>
<h3>打开文件帮助</h3>
<p>
以下类型可用：
</p>
<ul>
<li>bilibili 视频：复制视频链接 或 输入av或bv号即可自动解析，支持分P不支持切换，不支持看番。</li>
<li>acfun 视频：复制视频链接 或 输入ac号（如ac0000000）即可自动解析，由于内嵌播放器缘故不支持分P（默认1P），不支持看番。手机横屏观看时不建议全屏。</li>
<li>Microsoft Stream：输入视频链接即可。</li>
<li>Youtube：输入链接即可。</li>
<li>VideoNotes 分享链接：输入即可，不支持IE。</li>
<li>网页：输入网页后在输入框内 <code>Shift+Enter</code>。有些网站可能拒绝接受iframe。</li>
<li>mp4 视频：输入视频URL即可。打开视频后如需再次打开，请刷新页面。</li>
</ul>
<p>除此之外，您还能选择</p>
<h3>笔记区帮助</h3>
<p>在大尺寸设备上，笔记在不操作时会变暗。此时，可选中笔记区后 上下滚动/进行选择/任意击键，或在页面内其他位置戳<code>Ctrl</code>。<br>也可以按<code>Tab</code>来将焦点切换到笔记区。</p>
<h3>声明</h3>
<p>本程序“按原样”提供，不会收集您的个人信息；但通过框架访问的网页无法控制，这类问题与我们无关。</p>
</div>
</body>
<link rel="stylesheet" href="./src/main.css">
<script id="flag"></script>
<script id="compat">
function removeCover() {
document.querySelector('#load-cover').parentElement.removeChild(document.querySelector('#load-cover'))
}
if (navigator.userAgent.indexOf('Trident') != -1 && navigator.userAgent.indexOf('Edge') == -1) {
console.log(navigator.userAgent)
document.getElementById('ie-warning').classList.remove('hidden')
settings.isIE = true
document.querySelector('#load-text').innerHTML = "VideoNotes 不一定支持 Internet Explorer，请更换浏览器使用。"
var altScript0 = document.createElement('script')
altScript0.src = './src/ie-polyfill.js'
altScript0.type = 'text/javascript'
document.documentElement.appendChild(altScript0)
var altScript = document.createElement('script')
altScript.src = './src/main-comp.js'
altScript.type = 'text/javascript'
document.documentElement.appendChild(altScript)
// var altScriptP = document.createElement('script')
// altScriptP.src = 'https://polyfill.io/v3/polyfill.min.js?features=URL%2CURLSearchParams'
// altScriptP.type = 'text/javascript'
// document.documentElement.appendChild(altScriptP)
document.documentElement.classList.add('is-ie')
document.querySelector('#playpause').setAttribute('onclick', 'togglePlayPause()')
// document.insertBefore(altScript, document.querySelector('#flag'))
console.log('ES6 Compat!')
}
</script>
<script src="./src/main.mjs" type="module"></script>
<data class="hidden" aria-hidden="true"></data>
<style>
.logo,
.renderer {
--image: url('data:image/png;base64,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')
}
</style>
</html>