您的位置: jquery插件库 > 播放器→ 音频播放器

音频播放器

资源来源网络,如果需要授权,请大家更换源码,模块仅供学习,下载后请2小时内删除,如需商用请购买正版授权 音频播放器演示图片

HTML代码

<div id="player">
  <div class="circle" id="circle-cont">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
	 viewBox="0 0 500 500">
<path id="song-time" fill="none" d="M250,5c135.3,0,245,109.7,245,245S385.3,495,250,495S5,385.3,5,250C5,116.2,112.2,7.5,245.4,5
	h5.3"/>
</svg>
    <div id="song-content">
      <audio id="audio-player"></audio>
      <span id="artist">Artist</span>
      <span id="song">Song Title</span>
    </div>
    <div id="pause"></div>
  </div>
  <div id="playlist">
    <div id="scrollbar">
      <div id="bar"></div>
      <div id="marker"></div>
    </div>
    <ul></ul>
  </div>
</div>
<div id="contact">
  <p id="twitter"><i class="fa fa-twitter fa-lg"></i> twaffles</p>
  <p id="codepen"><i class="fa fa-codepen fa-lg"></i> acjdesigns</p>
</div>