xcMusic

KO | EN

gitlite — search

#javascript #hacktoberfest #react #golang #go #machine-learning #deep-learning #linux #java #windows #kubernetes #awesome-list #pytorch #security

(★ 212)

No description available.

xcMusic Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 仿网易云音乐(webapp)

## 项目地址 (project address)

[api来源](https://binaryify.github.io/NeteaseCloudMusicApi/#/)   感谢binaryify让我能用喜欢的东西做一个属于自己的播放器!

[源码地址](https://github.com/webfansplz/xcMusic)     不要脸的求star 哈哈哈!!!

[项目预览](http://1mhere.cn)       1mhere.cn  (pc端按F12切换手机调试模式效果更佳!)

![二维码](https://github.com/webfansplz/xcMusic/blob/master/static/ercode.png) (移动端可直接扫码)

## 技术栈 (technology)

```
vue2.0 + vuex + vue-router2.0 + es6 + axios + vux
```

## 文件结构 (File structure)

```
├── build                       构建服务和webpack配置
├── config                      项目不同环境的配置
├── dist                        项目build目录
├── index.html                  项目入口文件
├── package.json                项目配置文件
├── static       	            静态资源
├── src                         生产目录
    |—— api                     api列表和数据处理
    |——|—— apiList.js           api列表
    |——|—— getData.js           数据处理(封装一个axios请求)    
    |—— assets                  静态资源(img,less)
    |——|—— img                  静态图片
    |——|—— style                样式文件  
    |—— components              公用组件
    |——|—— bottomSongList       播放器播放列表组件  
    |——|—— headerNav            头部导航组件
    |——|—— music                音乐组件
    |—— page                    页面组件
    |——|—— albumsListDetails    专辑内容组件 
    |——|—— recommend            个性推荐组件
    |——|—— searchList           搜索列表组件
    |——|—— singer               歌手组件
    |——|—— songDetails          歌曲详情组件
    |——|——|—— player            播放器组件
    |——|—— songList             歌单组件
    |——|—— songListDetails      歌单详情组件
    |——|—— topList              排行榜组件
    |—— router                  路由组件
    |—— store                   数据状态管理组件
    |—— util                    公用方法
```

## 项目功能 (Project Function)

### 完成功能(finish function)
-   个性推荐,歌单,排行榜页面   
-   滑动功能(左右滑动切换菜单)
-   播放功能(快进,快退,上一曲,下一曲,歌词同步等)
-   搜索功能(热门搜索,单曲,歌手,专辑,歌单,用户) 
-   歌单功能(最新,最热,精品歌单及详情展示)
-   歌手专辑功能(介绍及详情展示) 
-   排行榜功能(云音乐官方版)

### 效果图 (effect picture)
![菜单](https://github.com/webfansplz/xcMusic/blob/master/static/index.gif)

![搜索](https://github.com/webfansplz/xcMusic/blob/master/static/search.gif)

![播放](https://github.com/webfansplz/xcMusic/blob/master/static/player.gif)

![歌单](https://github.com/webfansplz/xcMusic/blob/master/static/list.gif)

## 项目运行(Probject running)

1.克隆项目到本地 : git clone https://github.com/webfansplz/xcMusic.git

2.安装依赖环境 : npm install

3.启动项目 : npm run dev

4.打包项目 : npm run build

## 总结(summary)

本项目始于本人兴趣,还有许多不足大家轻喷,欢迎大家一起交流讨论学习,喜欢的点个star呗,哈哈哈！

## 须知(notice)
    *** 怎么歌单打不开,音乐播放不了,作者耍我呢 ???(黑人问号)

老铁们见谅,由于网易云api部分接口有限制,频繁访问会导致功能失效,请稍后再试!!!

xcMusic

xcMusic Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

xcMusic

xcMusic Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README