Awesome Open Source
Awesome Open Source

🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器(PC) Online Music Player

音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾。

偶然间发现 PC 端 Web 版的网易云音乐做的实在是太简陋了,社区仿 PC 客户端的网易云也不多见。

为了弥补这个遗憾,就用 Vue 全家桶模仿 mac 客户端的 UI 实现了一个,欢迎提出意见和 star🌟~

💐预览地址

💐源码地址

进度

  • [x] mv 页(3.0 新增)
  • [x] cd 页 (2.0 新增)
  • [x] 搜索建议
  • [x] 搜索详情
  • [x] 播放(版权歌曲无法播放)
  • [x] 发现页
  • [x] 播放列表
  • [x] 播放记录
  • [x] 全部歌单
  • [x] 歌单详情
  • [x] 最新音乐
  • [x] 主题换肤功能
  • [x] 登录(网易云 uid 登录)

后端接口

https://binaryify.github.io/NeteaseCloudMusicApi

技术栈

  • Vue 全家桶 通过 Vue-CLI3 初始化生成。
  • ElementUI 魔改样式。
  • better-scroll 歌词滚动部分用了黄轶老大的 (贼爽)
  • CSS Variables 主题换肤。
  • ESNext (JavaScript 语言的下一代标准)
  • Sass(CSS 预处理器)
  • postcss-pxtorem(自动处理 rem,妈妈再也不用担心屏幕太大太小了)
  • workbox-webpack-plugin 谷歌开发的利用 Service Worker 实现页面预缓存的插件。

Screenshots

首页

歌单列表

歌单详情

音乐播放

安装与使用

npm i
npm run dev

友情链接

mmPlayer


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,539,019
Vue (83,390
Vuejs (10,125
Sass (6,252
Vuex (3,173
Music Player (1,560
Player (1,386
Vue Cli3 (285
Netease Cloud Music (182
Better Scroll (79
Netease Music (59
Vue Music (21
Web Music Player (12
Vue Music Player (7
Related Projects