插件演示地址: https://d-audio.daiwei.site/
http://fm.zkbhj.com/#carousel-example-generic
简洁的音乐播放器插件
安装： 1.0.2以后的版本放在@dw下
npm install d-audio
1.0.2以后的版本
npm install @dw/d-audio
引入
import dAudio from 'd-audio' const d = new dAudio ({ ele: '#d-audio', src: '地址', imageurl: '地址', name: '音乐名字', singer: '歌手名字', next: function () {}, ended: function () {} })
es5安装： 如果不在es6环境下的代码，可以引入该项目根目录的lib文件夹下，引入js和css即可
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://daiwei.site/static/resourse/d-audio/d-audio.css"> <title>d-audio</title> </head> <body> <div class="d-audio" style="width: 300px;"></div> </body> <script src="https://daiwei.site/static/resourse/d-audio/d-audio.js"></script> <script> var myAudio = new Daudio({ ele: '.d-audio', ... }) </script> </html> 参数
// 音乐append的元素 ele: '#d-audio', // 音乐封面 imageurl: 'http://www.daiwei.org/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)
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
