js音乐播放器

更新时间：2018/12/11 下午4:44:40

更新说明：更新代码样式出错的问题

---

更新时间：2018/12/3 下午5:18:33

更新说明：代码重新编写，解决了之前的ui显示问题，以及重写loading效果，代码更简洁

注意，调用js和css请使用lib文件下的代码

npm安装

npm install d-audio初始化

或者直接引入lib / js,

lib / css 都是可以使用的

参数

// 音乐append的元素 ele: '#d-audio',

// 音乐封面 imageurl: 'http://xxxxxx/sunmmer.jpg', 

// 音乐地址 src: '', 

// 音乐名字 name: '', 

// 音乐歌手 singer: '', 

// 是否显示进度信息 showprogress: true, 

// '' 就是默认状态， cricle则是初始化就是圆形且可以旋转 initstate: '', 

// 是否循环 loop: false, 

// 音乐播放结束事件，可设置播放下一首音乐 ended: () => {}, 

// 音乐下一曲的点击事件触发，需要配合checkAudio体现切歌的效果 next: () => {}实例话对象的方法

// 显示loading d.showLoading() // 隐藏loading d.hideLoading() 

// 播放 d.play() 

// 暂停 d.pause() 

// 播放暂停 d.playPause() 

// 切歌曲 播放下一首  音频地址，封面地址，名字，歌手 d.checkAudio(src, imageurl, name, singer)

---

music

简洁的音乐播放器插件

插件参数

• width：music宽度 

• height：music高度 

• hasBlur: 是否显示模糊效果

• blur: 模糊效果的值

• left:music left 的值

• right:music right 的值

• bottom: music bottom 的值

• top: music top 的值

• btnBackground:播放暂停按钮的背景色,不包括图标

• iconColor:播放暂停按钮的图标颜色

• hasSelect:是否可选择类型 (音乐的类型,在js中以静态数组的形式显示,可以的话从后台获取)

• musicType:音乐类型   数组类型

• hasAjax:是否是ajax请求数据,为false  则使用默认的source

• source:音乐的数据信息  包括 name:名称,singer:歌手,url:音乐地址,img_url:封面地址

• durationBg:canvas进度条的背景色

• progressBg:canvas进度条当前状态的背景色方法

• beforeMusicPlay:function(){}   在音乐播放之前触发 (首次加载的时候)

• afterMusicLoading:function(){} 在音乐加载成功 可播放之前

• musicChanged:function(ret){}     音乐切换之后，播放结束 或者点击下一首触发   返回值:index:音乐索引,data:所有的music数据,url:音乐地址

• getMusicInfo:function(ret){}    获取所有音乐的信息

为了方便 我把我自己写的loading插件和music.js放在一起

 MC.music的mc  可以在music.js倒数第二行更改你想要的名称

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com