97 Star 915 Fork 168

符道胜 / Vue-NeteaseCloud-WebMusicApp

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Vue-NeteaseCloud-WebMusicApp-高仿网易云音乐

推荐项目:

本人新写了个Vue组件库,目前已写20+组件,每个组件都有详细的API文档,查看文档。觉得不错的可以去 vbest-ui 仓库查看。

前言

肝代码不易,本项目还是比较能拿的出手的,若是在网上发表请标明出处,另外跪求Star。本项目仅用于学习。

Github仓库

项目简介

本项目后端接口是Github Binaryify的开源项目(后端仓库地址),接口文档直接在百度搜索“网易云音乐API”作者是Binaryify。

本项目前端均是本人独立自主开发,所用技术栈:Vue全家桶+better-scroll+axios。

项目演示 随手点个赞吧:tw-1f339:

下面也有项目效果图

项目准备:

后端API接口文档

API安装步骤:

  1. git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git

(不会使用git的小伙伴可以直接去仓库下载接口哦,接口仓库地址:https://github.com/Binaryify/NeteaseCloudMusicApi)

  1. npm install

3.cd api文件夹

4.node app.js

输入图片说明

以上是运行成功的效果

问题交流群

输入图片说明

关于本项目

本项目还有许多值得改进的地方,各位小伙伴们有好的解决方案及时在下面评论或者Pull Requests我, 让我们一起完善改进本项目

关于项目的不足各位小伙伴可以在lssues里提出,或者在下面评论,看到我都会逐渐改进。

项目下一步方向:由于音乐播放器是我自己封装的,还存在许多改进地方,和一些功能没有开发,所以目前打算主要改进播放器方面。

项目目录介绍

输入图片说明

项目效果图

首页

输入图片说明 输入图片说明

搜索

热搜列表热搜列表 搜索建议 输入图片说明

搜索结果

双击歌曲可播放 输入图片说明 点击对应的歌手可进入该歌手的详细页面 输入图片说明

歌单

输入图片说明 输入图片说明

歌单详细

歌单歌曲简介 输入图片说明 歌单评论,登陆可评论 输入图片说明

登陆

登陆页面 输入图片说明 登陆成功,显示私人歌单,信息 输入图片说明

排行榜

输入图片说明 输入图片说明

歌手

歌手首页 输入图片说明 分类可选择喜欢的歌手 输入图片说明

歌手详情

歌手首页,简介输入图片说明 歌手详情 输入图片说明
相似歌手,需要登陆输入图片说明 歌手MV 输入图片说明
--- ---

最新歌曲

点击播放全部或双击单曲播放 输入图片说明 可上拉加载更多 输入图片说明

播放器功能

播放器歌单 输入图片说明 播放器歌词功能 输入图片说明
纯净模式上线,听歌看评论 输入图片说明 纯净模式和播放器歌单更配哦 输入图片说明
--- ---

MV

推荐MV 输入图片说明 所有MV 输入图片说明
MV播放页面 输入图片说明 MV播放页面 输入图片说明

音乐不能播放问题

1.要播放的音乐需要vip

2.要播放的音乐url出错,可在控制台查看log日志

Comments ( 69 )

Sign in for post a comment

About

Vue高仿网易云音乐,基本实现网易云所有音乐、MV相关功能,现已更新到第二版,仅用于学习,下面有详细教程。 spread retract
Cancel

Releases

No release

Gitee Metrics

Contributors

All

Activities

load more
can not load any more
JavaScript
1
https://git.oschina.net/fudaosheng/Vue-NeteaseCloud-WebMusicApp.git
git@git.oschina.net:fudaosheng/Vue-NeteaseCloud-WebMusicApp.git
fudaosheng
Vue-NeteaseCloud-WebMusicApp
Vue-NeteaseCloud-WebMusicApp
master

Search

103611 48b8ff67 1899542 103622 4d02230c 1899542