-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
179 lines (144 loc) · 7.08 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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow, noarchive" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="renderer" content="webkit">
<link rel="shortcut icon" href="favicon.png" />
<meta name="author" content="EXP: https://exp-blog.com" />
<title>眈眈探求 | 在线音乐播放器</title>
<meta name="support" content="Github：https://github.com/EXP-Res/music-library" />
<meta name="description" content="一款开源的基于 Github 仓库的在线音乐播放器。具有音乐搜索、播放、下载、歌词同步显示、个人音乐播放列表同步等功能。" />
<meta name="keywords" content="在线音乐播放器,GithubMusicPlayer" />
<meta name="generator" content="KodCloud">
<meta http-equiv="Cache-Control" content="no-siteapp">
<!-- 强制移动设备以app模式打开页面(即在移动设备下全屏，仅支持部分浏览器) -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="full-screen" content="yes"><!--UC强制全屏-->
<meta name="browsermode" content="application"><!--UC应用模式-->
<meta name="x5-fullscreen" content="true"><!--QQ强制全屏-->
<meta name="x5-page-mode" content="app"><!--QQ应用模式-->
<!-- jQuery文件 -->
<script src="js/jquery.min.js"></script>
<!-- 引入 Bootstrap CSS -->
<!-- <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> -->
<!-- 伪 BasicAuth 登录模块样式 -->
<link rel="stylesheet" type="text/css" href="css/login.css">
<!-- 播放器样式表文件 -->
<link rel="stylesheet" type="text/css" href="css/player.css">
<!-- 小屏幕样式修复 -->
<link rel="stylesheet" type="text/css" href="css/small.css">
<!-- 滚动条美化样式文件 -->
<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.min.css">
<!-- layer弹窗插件样式文件 -->
<link rel="stylesheet" href="plugns/layer/skin/default/layer.css?v=3.0.2302" id="layuicss-skinlayercss">
</head>
<body>
<div id="loginPanel" class="login-panel-content">
<form id="loginForm">
<div class="form-group">
<label for="username"><b>Username：</b></label>
<input type="text" class="login-input" id="username" name="username">
</div>
<br/>
<div class="form-group">
<label for="password"><b>Password：</b></label>
<input type="password" class="login-input" id="password" name="password">
</div>
<br/>
<button onclick="checkAuthentication(event)" class="login-button">登 录</button>
</form>
</div>
<div id="musicContent" style="display: none;">
<div id="blur-img"></div>
<!-- 头部logo -->
<div class="header">
<div class="logo" title="Version 3.0"> ♫ Github Music Player </div>
</div> <!--class="header"-->
<!-- 中间主体区域 -->
<div class="center">
<div class="container">
<div class="btn-bar">
<!-- tab按钮区 -->
<div class="btn-box" id="btn-area">
<span class="btn" data-action="player" hidden>播放器</span>
<span class="btn" data-action="playing" title="正在播放列表">正在播放</span>
<span class="btn" data-action="sheet" title="音乐播放列表">播放列表</span>
<span class="btn" data-action="search" title="点击搜索音乐">歌曲搜索</span>
</div>
</div> <!--class="btn-bar"-->
<div class="data-area">
<!--歌曲歌单-->
<div id="sheet" class="data-box" hidden></div>
<!--音乐播放列表-->
<div id="main-list" class="music-list data-box"></div>
</div> <!--class="data-area"-->
<!-- 右侧封面及歌词展示 -->
<div class="player" id="player">
<!--歌曲封面-->
<div class="cover">
<img src="images/player_cover.png" class="music-cover" id="music-cover">
</div>
<!--滚动歌词-->
<div class="lyric">
<ul id="lyric"></ul>
</div>
<div id="music-info" title="点击查看歌曲信息"></div>
</div>
</div> <!--class="container"-->
</div> <!--class="center"-->
<!-- 播放器底部区域 -->
<div class="footer">
<div class="container">
<div class="con-btn">
<a href="javascript:;" class="player-btn btn-prev" title="上一首"></a>
<a href="javascript:;" class="player-btn btn-play" title="暂停/继续"></a>
<a href="javascript:;" class="player-btn btn-next" title="下一首"></a>
<a href="javascript:;" class="player-btn btn-order" title="循环控制"></a>
</div> <!--class="con-btn"-->
<div class="vol">
<div class="quiet">
<a href="javascript:;" class="player-btn btn-quiet" title="静音"></a>
</div>
<div class="volume">
<div class="volume-box">
<div id="volume-progress" class="mkpgb-area"></div>
</div>
</div>
</div> <!--class="footer"-->
<div class="progress">
<div class="progress-box">
<div id="music-progress" class="mkpgb-area"></div>
</div>
</div> <!--class="progress"-->
</div> <!--class="container"-->
</div> <!--class="footer"-->
</div>
<!-- layer弹窗插件 -->
<script src="plugns/layer/layer.js"></script>
<!-- 播放器数据加载模块 -->
<script src="js/ajax.js"></script>
<!-- 播放器歌词解析模块 -->
<script src="js/lyric.js"></script>
<!-- 音乐列表配置 -->
<script src="js/musicList.js"></script>
<!-- 封装函数及ui交互模块 -->
<script src="js/functions.js"></script>
<!-- 播放器主体功能模块 -->
<script src="js/player.js"></script>
<!-- 滚动条美化插件 -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<!-- 背景模糊化插件 -->
<script src="js/background-blur.min.js"></script>
<!-- 站长统计代码 -->
<span style="display: none">
<!-- 各类统计代码都放在这里…… -->
</span>
<!-- 伪 BasicAuth 登录模块 -->
<script src="js/login.js"></script>
</body>
</html>