# 移动端音乐播放器

**Repository Path**: kumooo/mobile-music-player

## Basic Information

- **Project Name**: 移动端音乐播放器
- **Description**: 基于Vue开发的移动端音乐播放器。
主要功能：实现音乐搜索、播放、滚动歌词、音乐收藏等功能，同时具有个人中心进行个人数据管理。
技术实现：基于vue2进行开发，通过vue-cli搭建项目，使用vue-router进行页面切换，使用axios请求数据，通过vuex和浏览器本地缓存实现个人数据和播放相关的缓存。使用浏览器缓存API实现记录，使用keep-alive实现播放页面缓存。

- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-10
- **Last Updated**: 2023-07-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex

## README

# 移动端音乐播放器

#### 介绍
基于Vue开发的移动端音乐播放器


#### 使用说明

需要另外下载网易云音乐接口：https://github.com/Binaryify/NeteaseCloudMusicApi
将文件下载到项目的根目录下：mobile-music-player\NeteaseCloudMusicApi

1.  vscode打开项目，新建一个终端
2.  cd NeteaseCloudMusic
3.  node app.js
4.  新建终端
5.  npm run serve
6.打开浏览器，输入网址


#### 功能模块
首页
榜单
歌手
我的
搜索


- 使用vue框架构建项目
- 用axios从接口获取数据
- 使用vue-router实现路由跳转


亮点：实现防抖搜索音乐功能，列表回到顶部功能
难点：音频全局播放和歌词实时匹配的实现，使用浏览器缓存API实现“最近听过”功能；使用vuex实现数据绑定；keep-alive缓存播放页面
项目技术：vue,vue-router,vuex,axios,html5,css3