项目代码地址

Gitee

项目效果视频

哔哩哔哩

介绍

初学vue后然后写的第一个项目 《 基于网易云音乐API实现PC端音乐网站》,采用VUE及网易云音乐 Node.js API service实现,网站风格参考了各平台,感谢网易云音乐 NodeJS 版 API! :joy:  感觉写的很乱,功能虽已实现,但是代码还亟待优化,码农不易,欢迎 starred ,hhhh~

安装教程

1、clone下vue代码后,安装依赖 npm install ,运行服务npm run serve

2、clone下上面网易云音乐NodeJs代码后,安装依赖 npm install ,运行服务npm run start

使用说明

若使用中,接口请求无数据,请查看前端请求接口与服务端提供的路径端口号是否一致,为了避免冲突,我修改了端口号

稍微拿的出手的功能

1、播放条区域,交互逻辑基本参考网易云音乐

2、mv视频优化,采用了videojs,添加了视频清晰度功能,主要是没有相关代码及教程

结束语

-实现了网易云音乐PC端一部分功能

-代码的优化及功能还有很大部分空间需要改进

-此版本也是公开的版本,若有新的进展,我会把代码更新到此版本

-关于项目的不足可以在下方评论,我会逐渐改进

-有打算准备用vue3重构一下

仅供学习使用 不作任何商业用途

项目效果图

首页

基于网易云音乐API实现PC端音乐网站_PC端音乐

排行榜
歌单
MV

基于网易云音乐API实现PC端音乐网站_PC端音乐_02

歌手

基于网易云音乐API实现PC端音乐网站_PC端音乐_03

我的音乐

基于网易云音乐API实现PC端音乐网站_PC端音乐_04

登录弹窗

基于网易云音乐API实现PC端音乐网站_PC端音乐_05

歌曲详情页
播放条 歌词及 播放列表
MV详情页
搜索结果页

基于网易云音乐API实现PC端音乐网站_网易云音乐_06

歌手详情页

基于网易云音乐API实现PC端音乐网站_网易云音乐_07