xcMusic

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

★ 212 Open GitHub ↗

No description available.

// 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

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README