cPlayer一个支持自定义皮肤的 HTML5 音乐播放器

# API

// 播放

// 播放状态切换

// 停止

// 上一首

// 下一首

// 当前歌曲信息

// 插入播放列表

// 播放模式切换

// 跳到指定时间 (百分比)

// 设置音量 (百分比)

// 静音

// 当前轨道

// 销毁

# 调用

HTML


          <div id="cm1"></div>
          <!-- ... -->
          <script type="text/javascript" src="cPlayer.min.js" id="cmScript"></script>

JS


          var cm1 = new cMusic({
            'element': document.getElementById('cm1'),
            'autoplay': false,
            'mode': 'default',
            'playlist': [
              {
                'title': '人生讃歌',
                'artist': '茶色坚果巧克力',
                'cover': 'http://p3.music.126.net/CRO_peQ7AN1e811BoKrQCw==/2327666116025235.jpg?param=500y500',
                'file': 'https://m1.jixun.moe/26082159/192000/4975020ff8fcb2ecb26233cecdd80e9cb46bfb4655d3f8b4ca14e8894b4c13ac'
                'lrc': 'lrc/人生讃歌.lrc'
              }
            ]
          })

启动参数


          element: document.getElementById('cm1') //播放器容器
          autoplay: false //是否自动播放
          skin: 'default' //调用皮肤 (自带 default、vertical 两套皮肤)
          mode: 'default' //播放模式
          volume: 50 //初始音量
          playlist: [] //播放列表