分享一个vue组件 音乐播放器 ,使用很方便

引入

分享一个自己做的播放器,调用的网易云库接口,几行代码便可嵌入自己的项目( vue 2.0 )

仓库地址:仓库地址
浏览地址:我的博客

npm i zw-player --save

安装后直接引入组件即可,详细文章地址 传送门

功能、界面

播放器初始状态:

QQ%E5%9B%BE%E7%89%8720190814161249

点击后呈现展开状态:

QQ%E5%9B%BE%E7%89%8720190814161341

点击左上角音乐盘可以回到初始状态,下面部分是控制区,右上角点击后进入列表界面

musicplayer

列表界面中,可以自由切换歌曲,搜索歌曲,切换播放模式,切换榜单,翻页,以及可以自己收藏起来。

2 Likes

你应该放上仓库地址和预览地址

好的好的 谢谢提醒 加上了

被你开发的这个组件吸引了,太漂亮了,好厉害,厉害了

哈哈 感谢捧场 功能还不完善 后面还需要慢慢完善

有个小建议,不知当讲不当讲:
右下角展开后的界面,背景发光效果太强了,

.music_shlter {
  filter: blur(5px);
}

.music_shlter_2 {
  filter: blur(0px);
  border-radius: 5px;
}

写着玩的,下班了

是有一点 有时间我去稍加修改一下