https://github.com/2ue/vue-music
程序员就应该有自己的音乐电台
https://github.com/2ue/vue-music
music vue vue-music
Last synced: 2 months ago
JSON representation
程序员就应该有自己的音乐电台
- Host: GitHub
- URL: https://github.com/2ue/vue-music
- Owner: 2ue
- Created: 2016-12-23T01:48:04.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-12-23T03:18:43.000Z (over 8 years ago)
- Last Synced: 2025-01-21T07:43:49.824Z (4 months ago)
- Topics: music, vue, vue-music
- Language: JavaScript
- Homepage:
- Size: 161 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-music
> 利用网易音乐的接口做了一个小小的电台。利用vue + vue-simple-webpack。由于音乐播放是使用原生audio可能会存在一些兼容问题。
>
> 本项目使用网易音乐非公开接口(据说是加密后被各路大神解出来的)，请勿恶意爬取数据（有人恶意爬取收到网易的律师函了）。
## 效果预览
目前已经实现了基本播放功能(但有一些BUG)，
计划实现：歌词同步，搜索，本地存储播放列表，接口切换等功能
## 运行
``` bash
# 安装依赖
npm install
# 本地启动 > localhost:8080
npm run dev
```
## 已知BUG及优化(To Do)
- BUG
- 播放进度计算存在误差
- 在某些时候歌曲播放完成后无法自动切换到下一首
- 当歌曲资源出错时，无法自动切换
- 计算时间出现NaN
- 优化
- 保持原始数据的正确性，在其副本上计算
- 跨域请求目前使用的webpack-dev-server Proxy 代理，后期会改成axios等方式跨域（axios按照官方配置跨域一直无效[链接](https://github.com/mzabriskie/axios/issues/335)，求老司机带带）
## 接口
接口存放到musicAPI.js，具体的细节其中有详细注释,
目前调用的是用户歌单的接口（后期计划增加接口切换功能）
## 参考
- [HTML aduio](http://www.w3school.com.cn/jsref/dom_obj_audio.asp)
- [webpack-dev-server Proxy ](https://segmentfault.com/q/1010000004881097)
- [axios](https://github.com/mzabriskie/axios)