forked from S-mohan/smusic
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (77 loc) · 2.78 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
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="version" content="1.0.0">
<meta name="author" content="smohan,http://www.smohan.net/">
<link rel="shortcut icon" type="image/ico" href="http://static.smohan.net/img/favicon.ico?version=4.2.0">
<link rel="stylesheet" href="src/css/smusic.css"/>
<title>HTML5音乐播放器SMusic</title>
<style rel="stylesheet">
.page-title{
margin:30px;
text-align:center;
color:#fff;
font-size:18px;
}
.page-title h1{
font-size:30px;
padding:30px 0;
}
.page-title a{
color:#fff;
}
</style>
</head>
<body>
<section class="page-title">
<h1>HTML5音乐播放器SMusic</h1>
<p>项目地址：<a href="http://www.smohan.net/lab/smusic.html">http://www.smohan.net/lab/smusic.html</a></p>
</section>
<div class="grid-music-container f-usn">
<div class="m-music-play-wrap">
<div class="u-cover"></div>
<div class="m-now-info">
<h1 class="u-music-title"><strong>标题</strong><small>歌手</small></h1>
<div class="m-now-controls">
<div class="u-control u-process">
<span class="buffer-process"></span>
<span class="current-process"></span>
</div>
<div class="u-control u-time">00:00/00:00</div>
<div class="u-control u-volume">
<div class="volume-process" data-volume="0.50">
<span class="volume-current"></span>
<span class="volume-bar"></span>
<span class="volume-event"></span>
</div>
<a class="volume-control"></a>
</div>
</div>
<div class="m-play-controls">
<a class="u-play-btn prev" title="上一曲"></a>
<a class="u-play-btn ctrl-play play" title="暂停"></a>
<a class="u-play-btn next" title="下一曲"></a>
<a class="u-play-btn mode mode-list current" title="列表循环"></a>
<a class="u-play-btn mode mode-random" title="随机播放"></a>
<a class="u-play-btn mode mode-single" title="单曲循环"></a>
</div>
</div>
</div>
<div class="f-cb"> </div>
<div class="m-music-list-wrap"></div>
</div>
<script src="src/js/musicList.js"></script>
<script src="src/js/smusic.min.js"></script>
<script>
new SMusic({
musicList : musicList
});
</script>
</body>
</html>