-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
133 lines (127 loc) · 6.16 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>NipaPlay</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="close.css">
<style id="theme-style"></style>
</head>
<body>
<div class="windowbutton">
<div id="close-button" style="display: none;"></div>
<div id="fullscreen-button" style="display: none;"></div>
<div id="restore-button" style="display: none;"></div>
<div id="minimize-button" style="display: none;"></div>
</div>
<div class="sidebar">
<div class="title-text"><img src="others/logo.png" alt="Logo"></div>
<button id="import-video" class="active"><img src="icons/playanime.png" alt="icon"><span>视频导入</span></button>
<button id="media-library"><img src="icons/animelibary.png" alt="icon"><span>媒体库</span></button>
<button id="new-series" onclick="returnToNewSeries()"><img src="icons/newanime.png"
alt="icon"><span>新番更新</span></button>
<button id="viewing-history"><img src="icons/animehistory.png" alt="icon"><span>观看记录</span></button>
<button id="achievement" style="display: none;"><img src="icons/animeachievement.png"
alt="icon"><span>成就</span></button>
<button id="settings"><img src="icons/settings_main.png" alt="icon"><span>设置</span></button>
<button id="about-menu"><img src="icons/animestar.png" alt="icon"><span>关于NipaPlay</span></button>
</div>
<div class="content-area0"></div>
<div class="content-area">
<div class="content-area2"></div>
<!-- 视频导入功能区 -->
<div id="import-video-content" class="content-page">
<button id="import-video-button" class="upload-button" ondragover="allowDrop(event)"
ondrop="dropFile(event)" onclick="openVideoFile2()">
<div class="upload-icon"></div>
<div>导入视频/拖入视频</div>
</button>
<input type="file" id="file-input" style="display: none;" accept="video/*">
</div>
<!-- 媒体库内容区 -->
<div id="media-library-content" class="content-page" style="display:none;margin-left: 20px;">
<h2>媒体库</h2>
<hr class="section-divider">
<div id="media-content" class="scrollable-list">
<button id="import-media-library" class="folder-item">导入媒体库</button>
<button id="return-media-library" class="folder-item">返回顶部媒体库</button>
<button id="internet-library" class="folder-item">播放Url链接</button>
<ul id="folder-list">
</ul>
<ul id="video-list">
</ul>
</div>
</div>
<!-- 新番更新内容区 -->
<div id="new-series-content" class="content-page" style="display:none;margin-left: 20px;">
<h2>新番更新</h2>
<hr class="section-divider">
<div id="media-content" class="scrollable-list">
<div id="new-series-container" style="display:block;"><br>加载中......</div>
<div id="anime-detail-content" style="display:none;"></div>
</div>
</div>
<!-- 观看记录内容区 -->
<!-- 观看记录内容区 -->
<div id="viewing-history-content" class="content-page" style="display:none;margin-left: 20px;">
<h2>观看记录</h2>
<hr class="section-divider">
<div class="scrollable-list">
<ul id="video-history">
<!-- 视频记录项将被动态添加到这里 -->
</ul>
</div>
</div> <!-- 正确结束观看记录内容区的div -->
<!-- 成就区 -->
<div id="achievement-content" class="content-page" style="display:none;margin-left: 20px;">
<h2>成就</h2>
<hr class="section-divider">
<div class="scrollable-list">
<div>建设中......</div>
</div>
</div>
<!-- 设置区 -->
<div id="settings-content" class="content-page" style="display:none;margin-left: 20px;">
<h2>设置</h2>
<hr class="section-divider">
<div class="scrollable-list">
<div class="settings-item">弹弹Play账号</div>
<button id="login-button" class="folder-item">登录</button>
<button id="login-out-button" class="folder-item" style="display: none;">退出登录</button>
<div id="logining" style="display: none;"></div>
<hr class="section-divider">
<div class="settings-item">背景图像设置</div>
<button id="btn-none-background" class="folder-item">关闭</button>
<button id="btn-kanban-background" class="folder-item">看板娘</button>
<button id="btn-custom-background" class="folder-item">自定义</button>
<hr class="section-divider">
<div class="settings-item">播放器初始窗口大小</div>
<button id="window-mini" class="folder-item">小窗口</button>
<button id="window-win" class="folder-item">窗口化</button>
<button id="window-full" class="folder-item">铺满屏幕</button>
<button id="window-screen" class="folder-item">全屏</button>
</div>
</div>
<!-- 关于区 -->
<div id="about-menu-content" class="content-page" style="display:none;margin-left: 20px;">
<h2>关于</h2>
<hr class="section-divider">
<div class="scrollable-list">
<h3 class="about-version"></h3>
<div class="updates-content"></div>
</div>
</div>
</div>
<!-- 在页面底部添加版本号文本 -->
<div id="version-text"></div>
</div>
<div class="drag-area">
</div>
<script src="./videoplay.js"></script>
<script src="./history.js"></script>
<script src="updata_log.js"></script>
<script src="other.js"></script>
<script src="settings.js"></script>
</div>
</body>
</html>