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 (68,103
vue (4,046
vuejs (1,070
sass (449
vuex (405
player (234
music-player (168
netease-cloud-music (44
vue-cli3 (16

Find Open Source By Browsing 7,000 Topics Across 59 Categories