# vue-music

**Repository Path**: d8feel_project/vue-music

## Basic Information

- **Project Name**: vue-music
- **Description**: vue全家桶打造音乐播放器
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://vivilauge.gitee.io/vue-music
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-music

#### 项目介绍
vue全家桶打造音乐播放器

线上地址：http://vivilauge.gitee.io/vue-music<br>
由于数据层是部署在云后端，<br>
第一次加载需要些时间。<br>
二维码地址<br>
<img src="./1528370470.png" style="width: 200px;"><br>
如果是微信浏览，需要在打开之后，刷新一下，才能正常播放！
<br>
##### 分支1 vue-router
初始化项目 <br>
布局简单样式 <br>
页面路由 
##### 分支2 recommend 
轮播图代码 <br>
切换设备轮播图自动适配 <br>
切换页面数据缓存
##### 分支3 sing-list
推荐歌单列表 <br>
数据爬取 
##### 分支4 singer
歌手列表 <br>
歌手加载，歌手列表滑动
##### 分支5 singer-detail
歌手详情 <br>
封装歌手歌曲详情 <br>
重构了后端API，目录server <br>
本项目所有API为axios，实时抓取QQ音乐。
##### 分支6 player-vuex
每个页面都用到播放的数据<br>
配置歌曲通用数据vuex
##### 分支7 player-animation
初始化播放页面<br>
设置播放页面和缩小播放页面的动画
##### 分支8 player-audio
由于歌曲接口有变化，已在singer-detail组件新增获取vkey的接口。<br>
播放歌曲<br>
暂停歌曲
##### 分支9 player-switch
播放功能上一曲<br>
播放功能下一曲<br>
播放时间获取和更新
##### 分支10 player-bar
播放功能进度条
##### 分支11 player-status
播放功能状态<br>
随机、单曲循环、顺序
##### 分支12 player-lyric
歌曲抓取<br>
歌曲转译<br>
播放界面左右滚动
##### 分支13 song-list
首屏歌单歌曲共享播放功能<br>
数据抓取<br>
##### 分支14 rank
抓取排行榜数据<br>
为songlist冠军排行样式<br>
##### 分支15 searchBox
搜索页面初始化<br>
抓取热门数据<br>
热门数据和表单双向绑定<br>
##### 分支15 search-list
搜索列表suggest组件<br>
下拉加载
##### 分支16 search-cache
搜索历史记录<br>
搜索弹窗<br>
##### 分支17 play-list
播放列表初始化<br>
播放列表功能配置<br>
##### 分支18 play-addSong
播放列表歌单<br>
播放列表功历史数据<br>
##### 分支19 user
个人中心收藏<br>
个人中心历史