SirusPlayer
/
index.html

<html>
<head>
	<meta charset="UTF-8">
	<title>player of sirus</title>
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/css/feather.css"></head>
<body>
	<audio id="player" src="/res/1.mp3" hidden="true"></audio>
	<div class="player-con">
		<div class="player-lef">
			<!-- main player start -->
			<div class="player-cov-con">
				<div class="player-cov">
					<div class="player-bac">
						<div class="player-inf">
							<span class="player-lyrBtn">词</span>
							<span class="icon-menu"></span>
							<p class="player-nam">Linux Rock it</p>
							<p class="player-aut">sirus</p>
						</div>
						<div class="player-cir" id="player-cir">
							<div class="player-cir-lef"><div></div></div>
							<div class="player-cir-rig"><div></div></div>
							<div class="player-cir-eventcover"></div>
							<div class="player-cir-cen">
								<p id="player-play" class="player-icon icon-play"></p>
								<div class="player-time">
									<span class="fir">0:00</span>
									<span class="sec">/</span>
									<span class="las">3:49</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- main player end -->
			<div class="player-func">
				<div class="player-func-gray"><i class="icon-repeat"></i></div>
				<div id="player-pre"><i class="icon-skip-back"></i></div>
				<div id="player-nex"><i class="icon-skip-forward"></i></div>
				<div class="player-func-gray"><i class="icon-bar-graph"></i></div>
			</div>
		</div>
		<div class="player-lyr">
			<div id="player-lyr"></div>
		</div>
	</div>
</body>
<script src="/js/jquery.min.js" type="text/javascript"></script>
<script src="/js/ShowLyr.js" type="text/javascript"></script>
<script src="/js/DrawCircle.js" type="text/javascript"></script>
<script src="/js/SirusPlayer.js" type="text/javascript"></script>
</html>