mgtv - 素材

当前位置:Gxlcms > 播放器 > jQuery网站音乐播放器插件下载

jQuery网站音乐播放器插件下载

时间:2021-07-01 10:21:17 帮助过:0人阅读

jQuery网站音乐播放器插件下载 jQuery网站音乐播放器插件下载是一款支持mp3多首歌曲切换,带标题和进度条拖动音频播放代码。
<head>
<meta charset="UTF-8">
<title>jQuery网站音乐播放器插件下载 - mgtv素材</title>

<!--字体图标样式-->
<link rel='stylesheet' href='css/solid.css'>
<link rel='stylesheet' href='css/fontawesome.css'>

<!--布局样式-->
<link rel="stylesheet" href="css/style.css">
  
</head>
<body>

<div id="app-cover">
  <div id="bg-artwork"></div>
  <div id="bg-layer"></div>
  <div id="player">
	<div id="player-track">
	  <div id="album-name"></div>
	  <div id="track-name"></div>
	  <div id="track-time">
		<div id="current-time"></div>
		<div id="track-length"></div>
	  </div>
	  <div id="s-area">
		<div id="ins-time"></div>
		<div id="s-hover"></div>
		<div id="seek-bar"></div>
	  </div>
	</div>
	<div id="player-content">
	  <div id="album-art">
		<img src="img/1.jpg" class="active" id="_1">
		<img src="img/2.jpg" id="_2">
		<img src="img/3.jpg" id="_3">
		<img src="img/4.jpg" id="_4">
		<img src="img/5.jpg" id="_5">
		<div id="buffer-box">缓冲…</div>
	  </div>
	  <div id="player-controls">
		<div class="control">
		  <div class="button" id="play-previous">
			<i class="fas fa-backward"></i>
		  </div>
		</div>
		<div class="control">
		  <div class="button" id="play-pause-button">
			<i class="fas fa-play"></i>
		  </div>
		</div>
		<div class="control">
		  <div class="button" id="play-next">
			<i class="fas fa-forward"></i>
		  </div>
		</div>
	  </div>
	</div>
  </div>
</div>

<script src='js/jquery.min.js'></script>
<script  src="js/index.js"></script>


</body>