-
Notifications
You must be signed in to change notification settings - Fork 24
/
Copy path857896.html
executable file
·203 lines (202 loc) · 8.04 KB
/
857896.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
<!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>A Little Story - Valentin - 静听网 </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>A Little Story - Valentin</h2>
<div class="info">
<span class="author">LoveMiao</span> / <span class="date">2016-12-26</span>
</div>
</div>
<div class="content">
<p>
<img src="http://ww3.sinaimg.cn/mw690/67d25024gw1fb5hca2lu8j211e0rcwkf.jpg">
</p>
<p>
既有节奏，又有意境的钢琴曲少之又少，分享一首节奏控会喜欢的轻音乐——《A little story》，由Valentin创作，旋律简单但容易上瘾，也是一首只听开头就会喜欢上的纯音乐，钢琴和鼓点搭配在一起如行云流水般。掷地有声的触感，音乐的美好尽在指间流淌。唯美的画面配上清新的旋律，享受一下视觉听觉的双重盛宴！
</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: 'A Little Story', // Required, music title
author: 'Valentin', // Required, music author
url: 'http://p2.music.126.net/gEhDP9bNwjiM7DlTKafG5A==/5757042883124097.mp3', // Required, music url
pic: 'http://p4.music.126.net/Kcxcv0cfsdAx30HZ_6tDGQ==/827932255715549.jpg' // Optional, music picture
}
});
</script>
</body>
</html>