All Projects → JYbmarawcp → vue-netease-music

JYbmarawcp / vue-netease-music

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

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects
shell
77523 projects

Projects that are alternatives of or similar to vue-netease-music

Vue Netease Music
🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器(PC) Online Music Player
Stars: ✭ 1,783 (+1411.02%)
Mutual labels:  music-player, netease-cloud-music, vue-music, better-scroll, vue-cli3
Vue Mmplayer
🎵 基于 Vue 的在线音乐播放器(PC) Online music player
Stars: ✭ 1,632 (+1283.05%)
Mutual labels:  music-player, vue-router, vue-music
Seemusic
Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
Stars: ✭ 112 (-5.08%)
Mutual labels:  music-player, vue-router
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (+19.49%)
Mutual labels:  music-player, vue-router
NetEaseCloudMusic
网易云音乐 iPhone 版本的山寨。具备登录,查看歌曲列表,查看流行榜单,歌单等。
Stars: ✭ 34 (-71.19%)
Mutual labels:  music-player, netease-cloud-music
Ieasemusic
网易云音乐第三方
Stars: ✭ 8,572 (+7164.41%)
Mutual labels:  music-player, netease-cloud-music
Cocomusic
a simple music player built by electron and vue
Stars: ✭ 937 (+694.07%)
Mutual labels:  music-player, vue-router
lekima
netease cloud music for VIMer, named after the typhoon, lekima.
Stars: ✭ 21 (-82.2%)
Mutual labels:  music-player, netease-cloud-music
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放!
Stars: ✭ 257 (+117.8%)
Mutual labels:  music-player, netease-cloud-music
cloud-music-mobile
This is a music player
Stars: ✭ 22 (-81.36%)
Mutual labels:  music-player, vue-router
simple-cloud-music
简洁的的第三方网易云音乐播放器
Stars: ✭ 306 (+159.32%)
Mutual labels:  music-player, netease-cloud-music
vue-multiple-tabs
vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页
Stars: ✭ 36 (-69.49%)
Mutual labels:  vue-router, vue-cli3
Musicbox
😊 🎵 MusicPlayer 一站式收听多平台音乐(网易云, 虾米, QQ)的跨平台音乐播放器,尽情享受吧~✨
Stars: ✭ 1,130 (+857.63%)
Mutual labels:  music-player, netease-cloud-music
Yesplaymusic
高颜值的第三方网易云播放器,支持 Windows / macOS / Linux
Stars: ✭ 12,981 (+10900.85%)
Mutual labels:  music-player, vue-router
element-ui-demo
A element-ui admin base on vue2
Stars: ✭ 18 (-84.75%)
Mutual labels:  vue-router, vue-cli3
Flutter Netease Music
flutter music player application. (仿网易云音乐)
Stars: ✭ 2,662 (+2155.93%)
Mutual labels:  music-player, netease-cloud-music
Lin Cms Vue
🔆 Vue+ElementPlus构建的CMS开发框架
Stars: ✭ 2,341 (+1883.9%)
Mutual labels:  vue-router, vue-cli3
Simple Netease Cloud Music
🎵A simple netease music api lib. 简单、统一、轻巧的 Node.js 版网易云音乐 API
Stars: ✭ 268 (+127.12%)
Mutual labels:  music-player, netease-cloud-music
vue3-docs
vue中文社区,vue3 中文文档
Stars: ✭ 180 (+52.54%)
Mutual labels:  vue-router, vue-cli3
MusicUnionSearch
音乐全网搜索
Stars: ✭ 20 (-83.05%)
Mutual labels:  music-player, netease-cloud-music

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

音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾,而且偶然间发现 pc 端 web 版的网易云音乐做的实在是太简陋了,社区仿 pc 客户端的网易云也不多见,为了弥补这个遗憾,就用 vue 全家桶模仿 mac 客户端的 ui 实现了一个,欢迎提出意见和 star~

💐预览地址

💐源码地址

进度

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

后端接口

https://binaryify.github.io/NeteaseCloudMusicApi

技术栈

  • Vue 全家桶 Vue-CLI3 create 出来的。
  • Element-Ui 魔改样式。
  • better-scroll 歌词滚动部分用了黄轶老大的 (贼爽)
  • CSS Variables 主题换肤。
  • ES 6 / 7 (JavaScript 语言的下一代标准)
  • Sass(CSS 预处理器)
  • postcss-pxtorem(自动处理 rem,妈妈再也不用担心屏幕太大太小了)
  • workbox-webpack-plugin 谷歌开发的利用 Service Work 预缓存 chunks 的 webpack 插件。

Screenshots

首页

歌单列表

歌单详情

音乐播放

安装与使用

npm i
npm run dev

友情链接

mmPlayer

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].