-
Notifications
You must be signed in to change notification settings - Fork 24
/
Copy path28360908.html
executable file
·208 lines (207 loc) · 7.88 KB
/
28360908.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Paragon - A.N.O.&Shadowx - 静听网 </title>
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/common.css">
<link rel="stylesheet" href="../assets/css/music.css">
<link rel="stylesheet" href="../assets/css/font-awesome.min.css">
</head>
<body>
<header>
<div class="container">
<div class="navbar-header">
<a href="" class="navbar-brand">
<img src="../assets/images/logo.png" alt="">
</a>
</div>
<nav>
<ul class="nav navbar-nav navbar-link">
<li><a href="../index.html">首页</a></li>
<li><a href="../category/piano">钢琴</a></li>
<li><a href="../category/guitar">吉他</a></li>
<li><a href="../category/cartoon">动漫</a></li>
<li><a href="../category/elect">电子</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-sm">
<!--<li><input type="text" class="search-input" placeholder="歌名 / 歌手"></li>-->
<!--<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>-->
<!--<li><a href="#">注册 / 登录</a></li>-->
</ul>
</nav>
</div>
</header>
<div class="container-sm player-wrap">
<div id="music-player" class="aplayer"></div>
</div>
<div class="container-sm box">
<div class="main">
<div class="main-wrap">
<div class="content-box article">
<div class="title">
<h2>Paragon - A.N.O.&Shadowx</h2>
<div class="info">
<span class="author">小柴神</span> / <span class="date">2016-12-21</span>
</div>
</div>
<div class="content">
<p>
<img src="http://ww2.sinaimg.cn/large/0060lm7Tgw1fb5essapptj30j60crq3t.jpg">
</p>
<p>
整个曲子犹如一个人的一生，<br />
刚开始是小时候慢生活慢节奏，<br />
长大了对一切都麻木，<br />
生活像是重复快进变为快节奏，<br />
老了又是慢节奏，<br />
才发现已经错过太多大好时光。
</p>
</div>
</div>
</div>
</div>
<div class="sidebar">
<div class="right-module">
<h4>最新单曲</h4>
<ul class="new-artist-songs">
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/0.jpg">
</div>
<div class="info">
<h3>Refrain</h3>
<p>HaPBoy / <span>1595</span>次播放</p>
</div>
<a href="../music/22712173.html" title="Refrain" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/4.jpg">
</div>
<div class="info">
<h3>A Little Story</h3>
<p>LoveMiao / <span>1052</span>次播放</p>
</div>
<a href="../music/857896.html" title="A Little Story" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/3.jpg">
</div>
<div class="info">
<h3>晴れ 时どき 雪</h3>
<p>Annie雀 / <span>349</span>次播放</p>
</div>
<a href="../music/709386.html" title="晴れ 时どき 雪" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/14.jpg">
</div>
<div class="info">
<h3>Easy Breeze</h3>
<p>Hannah / <span>420</span>次播放</p>
</div>
<a href="../music/29207817.html" title="Easy Breeze" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/5.jpg">
</div>
<div class="info">
<h3>安静的午后</h3>
<p>Wing / <span>1356</span>次播放</p>
</div>
<a href="../music/139730.html" title="安静的午后" class="cover-link"></a>
</li>
</ul>
</div>
<div class="right-module">
<h4>热门单曲</h4>
<ul class="new-artist-songs">
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/20.jpg">
</div>
<div class="info">
<h3>風の詩</h3>
<p>苗^v^ / <span>1167</span>次播放</p>
</div>
<a href="../music/22822602.html" title="風の詩" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/0.jpg">
</div>
<div class="info">
<h3>Remember</h3>
<p>HaPBoy / <span>1008</span>次播放</p>
</div>
<a href="../music/2116537.html" title="Remember" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/9.jpg">
</div>
<div class="info">
<h3>夜的钢琴曲五</h3>
<p>超级无敌帅气苗 / <span>864</span>次播放</p>
</div>
<a href="../music/149297.html" title="夜的钢琴曲五" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/00.jpg">
</div>
<div class="info">
<h3>奇迹の山</h3>
<p>Hapon / <span>838</span>次播放</p>
</div>
<a href="../music/441552.html" title="奇迹の山" class="cover-link"></a>
</li>
<li class="artist-song">
<div class="avatar">
<img src="../storage/avatar/17.jpg">
</div>
<div class="info">
<h3>Because of You</h3>
<p>Octobse_Idy / <span>821</span>次播放</p>
</div>
<a href="../music/28828074.html" title="Because of You" class="cover-link"></a>
</li>
</ul>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="copyright">
<p>Copyright © <span class="update-year">2016</span> HaPBoy - All Rights Reserved</p>
</div>
</div>
</footer>
<script src="http://cdn.bootcss.com/aplayer/1.5.8/APlayer.min.js"></script>
<script>
var ap = new APlayer({
element: document.getElementById('music-player'), // Optional, player element
narrow: false, // Optional, narrow style
autoplay: true, // Optional, autoplay song(s), not supported by mobile browsers
showlrc: 0, // Optional, show lrc, can be 0, 1, 2, see: ###With lrc
mutex: true, // Optional, pause other players when this player playing
theme: '#B72712', // Optional, theme color, default: #b7daff
mode: 'circulation', // Optional, play mode, `random` `single` `circulation`(loop) `order`(no loop), default: `circulation`
preload: 'metadata', // Optional, the way to load music, can be 'none' 'metadata' 'auto', default: 'auto'
listmaxheight: '513px', // Optional, max height of play list
music: { // Required, music info
title: 'Paragon', // Required, music title
author: 'A.N.O.&Shadowx', // Required, music author
url: 'http://p2.music.126.net/qOkLgNiwrVcb0AdgumL4Hw==/14464075463411539.mp3', // Required, music url
pic: 'http://p3.music.126.net/u2qw015YjzoLmZEE9i6BtQ==/5906576464596888.jpg' // Optional, music picture
}
});
</script>
</body>
</html>