-
Notifications
You must be signed in to change notification settings - Fork 337
Expand file tree
/
Copy pathindex.html
More file actions
424 lines (410 loc) · 25.9 KB
/
index.html
File metadata and controls
424 lines (410 loc) · 25.9 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
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AudioVisual</title>
<style>
/* CRITICAL: Inline background to prevent white flash before CSS load */
html,
body {
background-color: #1e1e2f !important;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.container {
background-color: #1e1e2f !important;
opacity: 0;
/* Hidden until loaded */
transition: opacity 0.3s ease-in;
}
.container.loaded {
opacity: 1;
}
</style>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/toastify.min.css">
<link rel="stylesheet" id="drama-theme" href="assets/css/drama-style.css" disabled>
</head>
<body style="background-color: #1e1e2f;">
<div class="container">
<aside class="sidebar">
<div class="sidebar-scaler">
<h1 class="logo">
<svg class="logo-icon" width="28" height="28" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z" />
</svg>
AudioVisual
</h1>
<div class="controls-wrapper parsing-only">
<div class="control-group">
<label for="platform-select">平台导航:</label>
<select id="platform-select"></select>
</div>
<div class="control-group">
<label for="api-select">解析接口:</label>
<select id="api-select"></select>
</div>
<button id="parse-button" class="action-button">
<div class="button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="currentColor">
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z" />
</svg>
</div>
<div class="button-text">P A R S E !</div>
</button>
</div>
<div class="control-group no-drag" style="margin-top: 15px;">
<button id="drama-mode-button" class="action-button">
<div class="button-icon"
style="display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1;">
🌍
</div>
<div class="button-text">美韩日剧</div>
</button>
</div>
<div class="drama-controls no-drag drama-only">
<div class="control-group">
<button id="netflix-factory-button" class="action-button">
<div class="button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="currentColor">
<path
d="M5.398 0v.006c3.028 8.556 5.37 15.175 8.348 23.596 2.344.058 4.85.398 4.854.398-2.8-7.924-5.923-16.747-8.487-24zm8.489 0v9.63L18.6 22.951c-.043-7.86-.004-15.913.002-22.95zM5.398 1.05V24c2.873-.12 4.557-.396 4.557-.396 0-8.026-.002-16.064-.002-22.554z" />
</svg>
</div>
<div class="button-text">奈飞工厂</div>
</button>
</div>
<div class="control-group">
<button id="7-movie-button" class="action-button">
<div class="button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="currentColor">
<path
d="M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2h-2z" />
</svg>
</div>
<div class="button-text">七点电影</div>
</button>
</div>
<div class="control-group">
<button id="kanpian-button" class="action-button">
<div class="button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="2" y="3" width="16" height="14" rx="2" fill="#000000" />
<rect x="3" y="4" width="14" height="12" fill="#1a1a1a" />
<polygon points="8,7 8,13 13,10" fill="#ffffff" />
</svg>
</div>
<div class="button-text">看片狂人</div>
</button>
</div>
<div class="control-group">
<button id="gazf-button" class="action-button">
<div class="button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="1" y="3" width="18" height="14" rx="2" fill="#000000" stroke="#333"
stroke-width="1" />
<rect x="2" y="4" width="16" height="12" fill="#1a1a1a" />
<rect x="3" y="5" width="6" height="4" fill="#333" />
<rect x="11" y="5" width="6" height="4" fill="#333" />
<rect x="3" y="11" width="6" height="4" fill="#333" />
<rect x="11" y="11" width="6" height="4" fill="#333" />
</svg>
</div>
<div class="button-text">GAZF</div>
</button>
</div>
</div>
<div class="drama-usage-tips no-drag drama-only">
<h4>免责声明</h4>
<ul>
<li>软件为开源项目，如您是花钱购买请向购买平台投诉，一切损失与开发者无关，项目内所有资源均来源于互联网，本项目只做整合，如侵犯您的权益请联系邮箱删除！！</li>
<li><strong>Email：</strong><a href="mailto:fenghaoran60@gmail.com">fenghaoran60@gmail.com</a>
</li>
</ul>
</div>
<div class="usage-tips parsing-only">
<h4>使用提示</h4>
<ul>
<li><strong>解析失败:</strong> 请尝试更换上方的解析接口，或检查视频链接是否正确。</li>
<li><strong>广告:</strong> 部分解析接口可能会有广告，请耐心等待或更换接口。</li>
<li><strong>安全:</strong> 请勿在视频播放页面输入任何个人敏感信息。</li>
</ul>
</div>
<div class="footer">
<div id="update-notification-area" style="margin-bottom: 10px; min-height: 20px;"></div>
<div id="update-toast-container" style="margin-bottom: 10px; display: flex; gap: 5px;">
<button id="check-update-button" class="action-button" style="flex: 1;">检查更新</button>
</div>
<a href="https://github.com/RemotePinee/AudioVisual" target="_blank">GitHub Repository</a>
<div id="toast-container"></div>
</div>
</div>
</aside>
<main class="main-content">
<div class="top-bar">
<div class="browser-controls">
<button id="sidebar-toggle-button" class="nav-button" data-tooltip="切换侧边栏">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
<line x1="9" y1="3" x2="9" y2="21"></line>
</svg>
</button>
<button id="back-button" class="nav-button" disabled data-tooltip="后退">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="19" y1="12" x2="5" y2="12"></line>
<polyline points="12 19 5 12 12 5"></polyline>
</svg>
</button>
<button id="forward-button" class="nav-button" disabled data-tooltip="前进">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
<button id="home-button" class="nav-button" data-tooltip="首页">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M2.5 12.5l9-9 9 9"></path>
<path d="M4.5 10.5v9a2 2 0 002 2h11a2 2 0 002-2v-9"></path>
</svg>
</button>
</div>
<div id="quick-access-area">
<!-- Parsing Controls -->
<select id="quick-platform-select" class="compact-select parsing-only"></select>
<select id="quick-api-select" class="compact-select parsing-only"></select>
<button id="quick-parse-button" class="compact-action-button parsing-only" data-tooltip="立即解析">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polygon points="5 3 19 12 5 21 5 3"></polygon>
</svg>
</button>
<!-- Drama Controls -->
<select id="quick-drama-select" class="compact-select drama-only"></select>
<!-- Universal Mode Toggle -->
<button id="quick-mode-toggle" class="compact-action-button" data-tooltip="切换模式">
<span class="mode-icon">🌍</span>
</button>
</div>
<input type="text" id="url-input" placeholder="将视频链接粘贴于此...">
<button id="go-button" class="toolbar-action-btn">Go</button>
<button id="settings-button" class="toolbar-action-btn" data-tooltip="系统设置">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="3"></circle>
<path
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
</path>
</svg>
</button>
<div class="window-controls">
<button id="minimize-button" class="window-control-button" data-tooltip="最小化">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</button>
<button id="maximize-button" class="window-control-button" data-tooltip="最大化">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
</svg>
</button>
<button id="close-button" class="window-control-button" data-tooltip="关闭">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</button>
</div>
</div>
<div id="youku-custom-page" class="parsing-only" style="display: none;">
<div class="icon-container">
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72"></path>
<path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72"></path>
</svg>
</div>
<h2>优酷视频解析</h2>
<p>由于优酷的限制，请在此处直接粘贴视频链接进行解析播放。</p>
<input type="text" id="youku-url-input" placeholder="请在此输入优酷视频链接...">
<div class="usage-tips">
<h4>使用说明</h4>
<ul>
<li>1. 在上方输入框中粘贴优酷视频的链接。</li>
<li>2. 在左侧选择一个解析接口。</li>
<li>3. 点击 "P A R S E !" 按钮开始播放。</li>
<li>4. 如需更换接口，在左侧重新选择后再次点击 "P A R S E !" 即可。</li>
</ul>
</div>
</div>
<!-- Reconstructed Settings Dashboard (Premium sidebar layout) -->
<div id="settings-page" style="display: none;">
<div class="settings-dashboard">
<!-- Left Sidebar -->
<aside class="settings-sidebar">
<div class="settings-sidebar-header">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<circle cx="12" cy="12" r="3"></circle>
<path
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
</path>
</svg>
<span>系统设置</span>
</div>
<nav class="settings-nav">
<button class="nav-item tab-button active" data-tab="parsing-tab">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
解析接口管理
</button>
<button class="nav-item tab-button" data-tab="drama-tab">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path>
</svg>
影视导航管理
</button>
<button class="nav-item tab-button" data-tab="appearance-tab">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<path d="M12 2v20"></path>
<path d="M12 12h10"></path>
</svg>
界面偏好 (开发中)
</button>
</nav>
</aside>
<!-- Main Content Panel -->
<main class="settings-main">
<header class="settings-main-header">
<div class="header-left">
<h1 id="settings-current-tab-title">解析接口管理</h1>
<p id="settings-current-tab-desc">配置自定义解析引擎，支持快速切换与负载均衡</p>
</div>
<div class="header-right">
<button id="close-settings" class="close-page-button">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
退出设置
</button>
</div>
</header>
<div class="settings-content-scroll">
<div id="parsing-tab" class="tab-content active">
<div class="config-editor-wrapper">
<div class="editor-header">
<div class="editor-title">Editor / Config.json</div>
<div class="editor-actions">Lines: <span id="parsing-line-count">0</span></div>
</div>
<textarea id="parsing-list-input" spellcheck="false"
placeholder="名称|接口地址"></textarea>
</div>
<div class="settings-info-card">
<h3>💡 使用技巧</h3>
<p>每行输入一个接口，格式为：<strong>名称|接口URL</strong>。例如：<code>Default|https://example.com/jx?url=</code>。保存后将在左侧栏立即生效。
</p>
</div>
</div>
<div id="drama-tab" class="tab-content">
<div class="config-editor-wrapper">
<div class="editor-header">
<div class="editor-title">Editor / Sites.json</div>
<div class="editor-actions">Lines: <span id="drama-line-count">0</span></div>
</div>
<textarea id="drama-list-input" spellcheck="false" placeholder="名称|网站地址"></textarea>
</div>
<div class="settings-info-card">
<h3>🚀 导航配置</h3>
<p>自定义影视导航站点。点击侧边栏的“美韩日剧”按钮可快速访问这些站点。</p>
</div>
</div>
<div id="appearance-tab" class="tab-content">
<div class="empty-state">
<div class="empty-icon">🚧</div>
<h3>功能开发中</h3>
<p>界面偏好设置将在下个版本开放，敬请期待。</p>
</div>
</div>
</div>
<footer class="settings-main-footer">
<div style="flex: 1;"></div>
<button id="cancel-settings" class="secondary-button">恢复默认设置</button>
<button id="save-settings" class="action-button">应用并保存</button>
</footer>
</main>
</div>
</div>
</main>
</div>
<div id="loading-overlay" class="hidden">
<div class="spinner"></div>
</div>
<script>
// Deep integration handshake: Ensure dark theme is visible before showing window
window.addEventListener('load', () => {
const container = document.querySelector('.container');
// Wait for next frames to allow painting
requestAnimationFrame(() => {
requestAnimationFrame(() => {
if (container) container.classList.add('loaded');
// Final safety delay before signaling main process
setTimeout(() => {
window.voidAPI.showWindow();
}, 50);
});
});
});
</script>
<script src="./assets/js/toastify.min.js"></script>
<script src="./assets/js/renderer.js"></script>
<div id="loading-overlay" class="hidden">
<div class="spinner"></div>
</div>
<div id="custom-confirm-modal" class="modal-overlay" style="display: none;">
<div class="modal-content">
<div class="modal-header">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="16" x2="12" y2="12"></line>
<line x1="12" y1="8" x2="12.01" y2="8"></line>
</svg>
<h3 id="modal-title">提示信息</h3>
</div>
<div class="modal-body">
<p id="modal-message"></p>
</div>
<div class="modal-footer">
<button id="modal-cancel" class="modal-button secondary">取消</button>
<button id="modal-confirm" class="modal-button primary">确定</button>
</div>
</div>
</div>
</body>
</html>