模仿QQ音乐网页版界面,采用flexbox和position布局; mmPlayer虽然是响应式,但主要以为PC端为主,移动端只做相应适配
api:一个开源的网易云音乐 NodeJS 版 API(有api才有动力写!!!)
后台服务器
git clone [email protected]:Binaryify/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi
npm install //安装依赖
node app.js //服务端运行 访问 http://localhost:3000
注意:后台服务器需要做如下修改
app.js加入
app.use("/toplist/detail/mm", require("./router/toplist_detail_mm"));
复制toplist_detail_mm.js到router目录下
(后续会发布单独版本)
mmPlayer
git clone https://github.com/maomao1996/mmPlayer.git
cd mmPlayer
npm install //安装依赖
npm run dev //服务端运行
npm run build //项目打包
需要修改api目录下music的url地址为后台服务器地址
- Vue(核心框架)
- Vue-Router(页面路由)
- Vuex(状态管理)
- axios(网络请求)
- 播放器
- 歌词滚动
- 排行榜
- 发布试用版
- 新增音量控制模块
- 优化歌曲选中
- 发布正式版(因为一系列原因,mmPlayer V1.0.0版本在试用版的基础上进行了重构了,并引入了Vue-Router和Vuex,为了考虑后续功能扩展,mmPlayer相关的状态是一个单独的模块)
- 当前播放歌曲高亮(感觉一个小GIF还不够)
- 优化快速切歌导致歌曲播放失败的问题
- 进度条拖动适配移动端
- 优化点击时可能出现的半透明背景
- 新增排行榜
- 搜索
- 歌手
- 热门歌单
- 播放历史
- 收藏
- 同步网易云歌单
- 个人练手项目
- 预计后续将发布小程序版本