一款纯js，支持封面、进度条的音乐播放器

推荐一款轻量级，纯js的，支持专辑封面、下载、进度（快进、快退），并且自适应各种终端屏幕的的js音乐播放器：

1、下载本插件

2、引入样式

<link rel="stylesheet" href="css/style.css">

3、在需要使用本js音乐播放器的地方加入下面的html

<div class="audio_main">
    <div class="audio_title">
        <div class="audio_bt">不是因为寂寞才想你- T.R.Y.</div>
        <div class="audio_tag">T.R.Y</div>
    </div>
    <div class="audio_main_center">  
        <div class="audio_path">
            <div class="audio_bg" id="animationBox">
                <div class="audio_img"><img src="https://www.5imoban.net/view/demoimg/u.jpg"></div>    
            </div>
        </div>
        
        <div class="audio_silder">
            <div class="audio_info">
                <div class="audio_info_title">不是因为寂寞才想你- T.R.Y.</div>
                <div class="audio_info_tag">
                    <span>快乐</span>T.R.Y
                </div>
            </div>
            <div class="silder audio-setbacks" id="progrees">
                <div class="silder_color " id="audio-cache-setbacks"></div>
                <div class="silder_box " id="audio-cache-box"></div>
            </div>
            <div class="silder_tiem">
                <div class="time_left" id="audio-this-time">00:00</div>
                <div class="time_right " id="audio-count-time">00:00</div>
            </div>
            <div class="audio_play">
                <div class="item play_icon" id="playBtn"><span></span></div>
            </div>
        </div>
    </div>
</div>
<div class="audio_flex">
    <div class="audio_flex_left">
        <div class="logo"></div>
        <div class="infos_text">
            <div class="bt">轻松音乐</div>
            <div class="texts">愉快的心情从听音乐开始吧~</div>
        </div>
    </div>
    <div class="audio_flex_right">
        <a href="http://www.5imoban.net" target="_blank">去下载</a>
    </div>
</div>
<audio src="images/a1.mp3" id="audio" preload="none" autoplay></audio>

4、引入js播放器插件

<script src="js/audio.js"></script>