-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (112 loc) · 4.93 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="author" content="mengkun">
<title>疯子音乐 - 畅听无止境</title>
<meta name="description" content="欢迎来到疯子音乐！这里提供免费的在线音乐播放与下载~"/>
<!-- favicon图标 -->
<link rel="shortcut icon" href="icon.ico" sizes="32x32">
<link rel="bookmark" href="icon.ico">
<link rel="apple-touch-icon" sizes="144x144" href="apple.png">
<!-- jQuery & nodeIntegration 兼容性修复 by Dale, https://stackoverflow.com/a/37480521 -->
<script>if (typeof module === 'object') window.module = module; module = undefined;</script>
<!-- jQuery文件 -->
<script src="js/jquery.min.js"></script>
<script>if (window.module) module = window.module;</script>
<!-- 播放器样式表文件 -->
<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" id="layuicss-skinlayercss">
</head>
<body>
<div id="blur-img"></div>
<!-- 头部logo -->
<div class="header">
<div class="logo" onclick="window.bridge.openDoc()" title="点击打开疯子音乐官方文档~">
疯子音乐
</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"-->
<!-- 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>
<!-- 电脑版与主进程沟通模块 - by 疯子音乐 -->
<script src="js/desktop.js"></script>
</body>
</html>