GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → sl1673495 → Vue Netease Music

sl1673495 / Vue Netease Music

Licence: mit
🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
SCSS
7915 projects

Labels

vuejssassvuexplayermusic-playernetease-cloud-musicnetease-musicvue-musicbetter-scrollvue-music-playerweb-music-playervue-cli3

Projects that are alternatives of or similar to Vue Netease Music

Yesplaymusic
高颜值的第三方网易云播放器，支持 Windows / macOS / Linux
Stars: ✭ 12,981 (+628.04%)
Mutual labels:  player, music-player, vuex, netease-music, web-music-player
Vue Mmplayer
🎵 基于 Vue 的在线音乐播放器（PC） Online music player
Stars: ✭ 1,632 (-8.47%)
Mutual labels:  music-player, vuex, vue-music, vue-music-player, web-music-player
vue-netease-music
🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC） Online Music Player
Stars: ✭ 118 (-93.38%)
Mutual labels:  music-player, netease-cloud-music, vue-music, better-scroll, vue-cli3
Ieasemusic
网易云音乐第三方
Stars: ✭ 8,572 (+380.76%)
Mutual labels:  player, music-player, netease-cloud-music, netease-music
simple-cloud-music
简洁的的第三方网易云音乐播放器
Stars: ✭ 306 (-82.84%)
Mutual labels:  player, music-player, netease-cloud-music, web-music-player
netease-music-crx
浏览器插件版网易云音乐
Stars: ✭ 110 (-93.83%)
Mutual labels:  music-player, netease-cloud-music, netease-music
Skplayer
🎵 A simple & beautiful HTML5 music player
Stars: ✭ 437 (-75.49%)
Mutual labels:  player, music-player, sass
Kaku
🎧 Kaku is a highly integrated music player supports different online platform like YouTube, SoundCloud, Vimeo and more. Available on Mac, Windows and Linux.
Stars: ✭ 1,028 (-42.34%)
Mutual labels:  player, music-player
Vue Spa
vue-spa ： vue + vue-router + axios + vuex + vux 快速成型移动端项目，直接使用。欢迎star
Stars: ✭ 46 (-97.42%)
Mutual labels:  vuex, sass
Vue Mobile Mint
🍔 🍖 🍴基于mint-ui的饿了么外卖平台混合app(仿饿了么)
Stars: ✭ 59 (-96.69%)
Mutual labels:  vuex, sass
Vue
Stars: ✭ 65 (-96.35%)
Mutual labels:  vuex, sass
Lofi Player
🎧 A Lofi Player built with HTML, CSS and Javascript using Parcel as Module Bundler https://lakscastro.github.io/lofi-player
Stars: ✭ 38 (-97.87%)
Mutual labels:  player, music-player
Neteasemusic
网易云音乐 & QQ音乐 & 咪咕音乐 第三方 web端 (可播放 vip、下架歌曲)
Stars: ✭ 952 (-46.61%)
Mutual labels:  netease-cloud-music, vuex
Pandoraplayer
🅿️ PandoraPlayer is a lightweight music player for iOS, based on AudioKit and completely written in Swift.
Stars: ✭ 1,037 (-41.84%)
Mutual labels:  player, music-player
Cocomusic
a simple music player built by electron and vue
Stars: ✭ 937 (-47.45%)
Mutual labels:  music-player, vuex
Musicbox
😊 🎵 MusicPlayer 一站式收听多平台音乐(网易云, 虾米, QQ)的跨平台音乐播放器，尽情享受吧~✨
Stars: ✭ 1,130 (-36.62%)
Mutual labels:  music-player, netease-cloud-music
Pause On Lock
Pause/Resume your music player when locking/unlocking your Linux desktop.
Stars: ✭ 79 (-95.57%)
Mutual labels:  player, music-player
Spala
Spala (SPA LARAVEL): a modern lightweight CMS for Laravel and Vue developers (open source project).
Stars: ✭ 91 (-94.9%)
Mutual labels:  vuex, sass
React Cassette Player
Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project.
Stars: ✭ 93 (-94.78%)
Mutual labels:  player, music-player
Sbplayerclient
支持全格式的mac版视频播放器
Stars: ✭ 110 (-93.83%)
Mutual labels:  player, music-player
View All Similar Projects ➔

🎵 基于 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 初始化生成。
  • ElementUI 魔改样式。
  • better-scroll 歌词滚动部分用了黄轶老大的 （贼爽）
  • CSS Variables 主题换肤。
  • ESNext （JavaScript 语言的下一代标准）
  • Sass（CSS 预处理器）
  • postcss-pxtorem（自动处理 rem，妈妈再也不用担心屏幕太大太小了）
  • workbox-webpack-plugin 谷歌开发的利用 Service Worker 实现页面预缓存的插件。

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].