https://github.com/konglingwen94/vue-music
:musical_note:A mobile music player based on Vue
https://github.com/konglingwen94/vue-music
music-playe-client music-player vue vue-music vue-music-player webapp-music-player
Last synced: about 1 month ago
JSON representation
:musical_note:A mobile music player based on Vue
- Host: GitHub
- URL: https://github.com/konglingwen94/vue-music
- Owner: konglingwen94
- Created: 2019-01-15T08:46:08.000Z (over 6 years ago)
- Default Branch: dev
- Last Pushed: 2021-07-02T12:21:12.000Z (almost 4 years ago)
- Last Synced: 2025-03-21T06:33:26.700Z (about 2 months ago)
- Topics: music-playe-client, music-player, vue, vue-music, vue-music-player, webapp-music-player
- Language: Vue
- Homepage: http://123.57.204.48:4000
- Size: 8.84 MB
- Stars: 9
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-music
A vue mobile music project
## 线上预览
[http://123.57.204.48:4000](http://123.57.204.48:4000)
## 安装依赖
`npm install`
## 启动后台 API 服务
`npm run server`
## 启动一个具有热重载功能的开发环境
`npm start`
## 项目构建
`npm run build`
## 项目部署
`npm run deploy`
> 修改 deploy.sh 文件 中的部署命令
> scp -r server/\* 你的服务器用户名@你的服务器公网 IP:服务器项目存放目录
## 实现功能
- [x] 歌手
- [x] 歌曲
- [x] 专辑
- [x] MV
* [x] 歌单
- [x] 全部分类
- [x] 歌单列表
- [x] 歌单详情
* [x] 视频
- [x] 视频播放
- [x] 分类选择
* [x] 搜索
- [x] 热门搜索
- [x] 搜索历史
- [x] 分页加载
* [x] 播放器
- [x] 吸底播放
- [x] 全屏播放
- [x] 进度条
- [x] 上一首
- [x] 下一首
- [x] 播放/暂停
- [x] 播放模式
- [ ] 收藏
- [x] 音质选择
- [x] 音量控制
- [x] 歌词展示
## 使用技术栈
`vue + vuex + vue-router`
`express` 搭建服务端 API
`mint-ui + cube-ui + vux`
`lyric-parser`把给定的歌词字符串解析成有格式文本的一个插件
`good-storage` 快速操作 localStorage 的第三方插件
`vue-lazyload` 一个基于`Vue`的图片懒加载插件
`lib-flexible` 由淘宝开发的移动端适配方案库
## 页面截图
