Skip to content

Jancheng-z/jc-music-player

Repository files navigation

#jc-music-player v1.0

jc-music-player 是一款基于Jquery+H5实现的音乐播放插件,支持CMD/AMD/CommonJs规范 ,运用gulp工具进行发布,支持循环/随机播放/快进/上一曲/下一曲/音量+-/音乐时长等。 Alt text

###gulp运行命令

gulp default  

###API:

####initMusicPanel(obj)
初始化播放器面板,obj={id:dom-id}
####addMusicList(list)
添加音乐,list为音乐列表
list=[{
        "id":"Jc01",//音乐id
        "src":"demo-music.mp3",//音乐文件访问路径
        "cover":"./demo-img.png",//音乐封面
        "singer":"JC",//歌手
        "title":"Demo",//标题
        "name":"Jc01"//歌名用于滚动展示名字
    }]
####removeMusicListById(id)
通过音乐id,把音乐列表中的音乐移除,id=Jc01
####removeMusicListByIndex(index)
通过音乐id,把音乐列表中的音乐移除,index=0
####removeAllMusicList()
移除音乐列表中的所有音乐
####playMusicById(id)
播放指定id音乐,id=Jc01
####playMusicByIndex(index)
播放指定索引音乐,index=0

###使用方式 在header中引入

 <link rel="stylesheet" href="your_path/css/jcplayer.css">
 <script src="your_path/js/vendor/jquery-3.2.1.min.js"></script>
 <script src="your_path/js/jcplayer.js"></script>

Jquery直接使用

$(function(){
    Jcplayer.initMusicPanel({
        id:"#appedId",
    });
    Jcplayer.removeAllMusicList();
    Jcplayer.addMusicList([{
        "id":"Jc01",
        "src":"demo-music.mp3",
        "cover":"./demo-img.png",
        "singer":"JC",
        "title":"Demo",
        "name":"Jc01"
    }]);
})

About

音乐播放器

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published