Youngster_yj'Music详解

进入体验

项目主体详解：

网易云Api //全称NeteaseCloudMusicApi(网易云音乐 NodeJS 版 API)
music文件夹 //Vue框架实现动态交互与页面布局

实际样式

Vue文件内容详解：

-music // Vue项目文件夹-dist //Vue打包后文件夹-node_modules //模块与包-public //公共资源-src //主文件目录-assets //静态资源存放目录-components //页面组件文件夹-config //网络请求文件夹-router //Vue路由配置文件夹-vuex //Vue状态管理器文件夹App.vue //入口文件main.js //页面配置页面

实际样式

页面功能介绍

1.主页介绍

(1).制作者板块(顶部居左)

(2).歌曲搜索功能(顶部居中)

(3).歌曲收藏板块(顶部居右)

(4).首页轮播图

(5).功能板块

(6).推荐歌单

(7).推荐单曲

(8).推荐视频

2.搜索板块介绍

(1).搜索榜推荐

(2).音乐搜索

3.收藏板块介绍

(1).搜索榜推荐

(2).音乐搜索

4.功能板块介绍

5.播放器板块介绍

(1).返回上级页面(顶部居左)

(2).歌曲收藏板块(顶部居右)

(3).特效光碟播放(监听暂停、播放、换曲、点击)

(4).歌词显示(点击光盘后激活)

(5).时间与进度条显示(进度条可控音乐进度)

(6).音乐模式(支持单曲循环、列表循环、随机播放)

(7).上一首、暂停与播放、下一首

(8).打开歌单(获取歌曲途径的歌单)

(9).返回页面后,打开迷你播放器

(10).点击迷你播放器,打开全屏播放器(点击左中部分)

(11).支持暂停与播放(右二按钮)

(12).支持迷你播放器打开歌单(右一按钮)

- -因功能繁多且后续会持续扩展,本Music一部分功能不做解释,请以实际操作为主- -

Thanks to NeteaseCloudMusicApi

Vue网易云播放器开发相关推荐

Vue网易云播放器|Vue音乐播放附带环境部署视频教程
本次项目是对前面的vue知识的综合应用:基于vue实现一个网页版播放器. 主页面这是第二个页面是推荐音乐的模块在这里我们可以查看歌单中的音乐标题还可以自己查看mv 播放视频自由的查看自己喜欢的 ...
用Vue搭建一个网易云播放器（一）
之前看了一个博主用vue搭建的网易云播放器,于是有了想法.最近没有什么项目,看书也看得无聊了,确确实实想来写点代码,那么就开始吧. 1.音乐资源首先调研了一下一些开放的音乐API:豆瓣音乐.QQ音乐 ...
推荐一款高颜值的第三方网易云播放器，支持网页版和客户端
简介 YesPlayMusic是一款基于网易云音乐官方平台开发的第三方播放器其 UI界面非常漂亮,简洁的白色风格将全部内容简化 YesPlayMusic-高颜值的第三方网易云播放器,支持网页版和客户 ...
高颜值的第三方网易云播放器，支持 Windows / macOS / Linux
一.开源项目简介一款高颜值的第三方网易云播放器,支持 Windows / macOS / Linux. 二.功能概述三.技术选型 Vue.js 全家桶 Electron 灵感来源 API 源代码来 ...
Qt:一个简洁漂亮的高仿网易云播放器
Qt:一个简洁漂亮的高仿网易云播放器界面动图展示: 功能简述: 1.音乐的播放.暂停 2.音乐的上.下一曲 3.进度条显示进度.滑动条调整进度 4.音量的滑动调整 5.列表切换歌曲 6.播放.暂停的 ...
如何使用轻量应用服务器搭建高颜值的YesPlayMusic网易云播放器
本文介绍了如何使用腾讯云的Lighthouse轻量应用服务器来搭建一个高颜值的第三方网易云播放器. 项目简介本文使用的是YesPlayMusic项目,这是一款高颜值的第三方网易云播放器,它完全可 ...
推荐一款高颜值网易云播放器
之前老逛推荐过一个符合程序员气质的 GitHub 项目:网易云音乐命令行版本.这个项目基于 Python 编写,支持 Mac OS.Unix.Linux 系统,简洁优雅,丝般顺滑. 人家的网抑云程序 ...
如何搭建一个自己的音乐播放器-使用腾讯云轻量应用服务器搭建YesPlayMusic网易云播放器
项目简介本文使用的是YesPlayMusic项目,这是一款高颜值的第三方网易云播放器,它完全可以作为网易云官方应用的替代品.而且还拥有一些网易云官方应用没有的功能,比如可以自动签到,支持PWA可以直 ...
高颜值的第三方网易云播放器—YesPlayerMusic
YesPlayMusic 是一款高颜值的第三方网易云播放器,由 Electron 支撑,支撑 macOS.Windows.Linux 三个平台:macOS 用户也可以通过 brew install - ...

Vue网易云播放器开发

Youngster_yj'Music详解

项目主体详解：

实际样式

Vue文件内容详解：

实际样式

页面功能介绍

1.主页介绍

(1).制作者板块(顶部居左)

(2).歌曲搜索功能(顶部居中)

(3).歌曲收藏板块(顶部居右)

(4).首页轮播图

(5).功能板块

(6).推荐歌单

(7).推荐单曲

(8).推荐视频

2.搜索板块介绍

(1).搜索榜推荐

(2).音乐搜索

3.收藏板块介绍

(1).搜索榜推荐

(2).音乐搜索

4.功能板块介绍

5.播放器板块介绍

(1).返回上级页面(顶部居左)

(2).歌曲收藏板块(顶部居右)

(3).特效光碟播放(监听暂停、播放、换曲、点击)

(4).歌词显示(点击光盘后激活)

(5).时间与进度条显示(进度条可控音乐进度)

(6).音乐模式(支持单曲循环、列表循环、随机播放)

(7).上一首、暂停与播放、下一首

(8).打开歌单(获取歌曲途径的歌单)

(9).返回页面后,打开迷你播放器

(10).点击迷你播放器,打开全屏播放器(点击左中部分)

(11).支持暂停与播放(右二按钮)

(12).支持迷你播放器打开歌单(右一按钮)

- -因功能繁多且后续会持续扩展,本Music一部分功能不做解释,请以实际操作为主- -

Thanks to NeteaseCloudMusicApi

Vue网易云播放器开发相关推荐

最新文章

热门文章