vue-player

项目介绍

这是一个仿网易云音乐网页播放器，基于 Vue + Element UI 构建，是一个vue练手项目，因此整体页面样式都比较简洁，只实现了大部分主要功能，后续将继续更新完善。

实行功能

获取歌单、MV、歌曲等信息并展示
播放音乐
播放MV视频
搜索
轮播图推荐
分页功能
返回上一步、下一步

部分界面预览

发现音乐页面

推荐音乐页面

项目接口

项目接口是网易云音乐 NodeJS 版 API

下载运行

准备接口

将网易云音乐 NodeJS 版 API clone到本地或服务器，完成初始化工作

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

$ npm install

服务器端口

服务器启动默认端口为 3000

启动

进入下载到本地的文件夹，cmd打开命令窗口，启动服务

$ node app.js

准备本项目

clone到本地或服务器, 完成初始化工作

$ git clone https://github.com/13025168803/vue-player.git

$ npm install

运行或构建

进入下载到本地的文件夹，cmd进入命令行窗口，启动

$ npm run serve

技术栈

Vue Cli(Vue 脚手架工具)
Vue
Vue-Router(页面路由)
Element- UI
ES6
Axios

项目目录图

├───docs           				//描述截图
│       MV详情.png
│       发现音乐.png
│       推荐音乐.png
│       搜索.png
│       搜索MV.png
│       搜索歌单.png
│       播放音乐.png
│       最新MV.png
│       最新音乐.png
│       
├───node_modules				//vue-cli依赖包
│                   
├───public		
│       favicon.ico
│       index.html
│       头像.jpg
│       
└───src
    │   App.vue					//根组件
    │   main.js					//入口主文件
    │   
    ├───assets					//存放图片
    │       logo.png
    │       头像.jpg
    │       点赞.png
    │       
    └───components				//存放组件
            discovery.vue		//发现音乐
            index.vue			//主页
            mvdetail.vue		//MV详情
            mvs.vue				//最新MV
            playlists.vue		//推荐歌单
            result.vue			//搜索
            resultlist.vue		//搜索结果歌单
            resultmv.vue		//搜索结果MV
            resultsong.vue		//搜索结果歌曲
            songs.vue			//最新音乐
            top.vue				//头部组件

13025168803 / vue-player Goto Github PK

vue-player's Introduction

vue-player

项目介绍

实行功能

部分界面预览

项目接口

下载运行

准备接口

将 网易云音乐 NodeJS 版 API clone到本地或服务器，完成初始化工作

服务器端口

启动

准备本项目

clone到本地或服务器, 完成初始化工作

运行或构建

技术栈

项目目录图

vue-player's People

Contributors

Watchers

Recommend Projects

Recommend Topics

Recommend Org

将网易云音乐 NodeJS 版 API clone到本地或服务器，完成初始化工作