<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5环形音乐播放器演示地址</title>
<link rel='stylesheet' href='css/style.css'>
</head>
<body>
<div class="music-player">
<img src="img/image_png_00002.png" class="album" />
<div class="dash">
<a href="#mute" class="fa fa-volume-up"></a>
<span class="volume-level">
<em style="width: 75%"></em>
</span>
<a href="#share" class="fa fa-share"></a>
<a href="#love" class="fa fa-heart"></a>
<div class="seeker">
<div class="wheel">
<div class="progress"></div>
</div>
</div>
<a href="#seek"></a>
<div class="controls">
<a href="#back" class="fa fa-fast-backward"></a>
<a href="#play" class="fa fa-pause"></a>
<a href="#forward" class="fa fa-fast-forward"></a>
</div>
<div class="info">
<i><span name="current">0:00</span> / <span name="duration">0:00</span></i>
<label>Marteria - OMG</label>
<small>Zum Glück in die Zukunft II</small>
</div>
</div>
</div>
<script type="text/javascript" src='js/jquery.ui.js'></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>