music

仿网易云音乐

Build Setup

# 安装依赖
npm install

# localhost:8080 热加载服务器
npm run dev

# 上线打包
npm run build

# 上线打包分析报告
npm run build --report

说明

打算仿制一个手机端的网易云音乐。前端用Vue全家桶实现，后端决定使用nodejs转发解决跨域的问题。

进度

1. 实现了指定歌单的加载 3.05
2. 基本的播放，暂停，歌曲拉动，打碟旋转动画 3.09
3. 对于高音质音乐的破解 3.11
4. 下载功能 3.14
5. 下一首，上一首 3.15
6. 显示评论功能 3.17
7. play-bar完善 3.20
8. 用户歌单加载 4.21

短期实现的目标

1. 音量调节功能
2. 实现登陆

问题

1. 破解各类品质音乐会不定时出现404，初步没有解决办法，只能设定自动切换 3.11
2. 本来mp3url 404放在后台检测的，但是后台延迟非常大，单个url延迟在4~6s不等，所以今天重写，把检测放在前端，效果初步满意，在1s之内。3.13
3. 兼容移动端界面问题 3.16
4. pc端浏览器<audio>表现一致，有资源自动加载。移动端浏览器表现怪异，或自动加载，或不自动加载。chrome（2个版本），UC，小米浏览器均表现不一致。目前以pc为主，后期修复这个bug 3.17
5. nodejs后端跨域请求可以放在前端用nginx反向代理，应该会提高性能，后期修改。3.23
6. 评论加载后返回进入，滚动条位置无法复原，后期修改。3.23
7. 后台request用request-promise改写，加载性能大增，提高约100%左右 4.21
8. 第一次加载歌单歌曲详细列表时有明显卡顿，原因是动画，请求，渲染在同时进行，后期进行异步优化。4.22

LISENCE

MIT

本项目仅供学习交流