trtst / vue_pc_music

基于Vue2.x,采用VUE及网易云音乐 Node.js API service,感谢分享!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

基于网易云音乐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重构一下

问题交流群

欢迎加群一起讨论:233725017

加群:233725017

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

项目效果图

首页

首页

排行榜
排行榜 排行榜
歌单
歌单 歌单
MV

MV

歌手

歌手

我的音乐

我的音乐

登录弹窗

登录弹窗

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

搜索结果页

歌手详情页

歌手详情页

About

基于Vue2.x,采用VUE及网易云音乐 Node.js API service,感谢分享!

License:GNU General Public License v3.0


Languages

Language:Vue 81.5%Language:JavaScript 8.3%Language:CSS 8.1%Language:Less 1.9%Language:HTML 0.2%