vue-netease-music

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

Github stars Tracking Chart

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

预览地址

源码地址

进度

  • mv 页(3.0 新增)
    • 评论区
    • 推荐 mv
  • cd 页 (2.0 新增)
    • 歌词
    • 评论区
    • 推荐歌单
    • 推荐歌曲
  • 搜索建议
    • 搜索联想
    • 热词搜索
  • 搜索详情
    • 歌曲
    • 歌单
    • MV
  • 播放(版权歌曲无法播放)
  • 发现页
    • banner 图
    • 最新歌曲
    • 推荐歌单
  • 播放列表
  • 播放记录
  • 全部歌单
  • 歌单详情
    • 音乐列表
    • 评论区
  • 最新音乐
  • 主题换肤功能
  • 登录(网易云 uid 登录)
    • 获取用户信息
    • 获取收藏歌单

后端接口

https://binaryify.github.io/NeteaseCloudMusicApi

技术栈

  • Vue 全家桶 Vue-CLI3 create 出来的。
  • ui 库用了魔改样式的 element-ui
  • 歌词滚动部分用了黄轶老大的 better-scroll(贼爽)
  • 主题换肤用的 css 变量替换。
  • ES 6 / 7 (JavaScript 语言的下一代标准)
  • Sass(CSS 预处理器)
  • postcss-pxtorem(自动处理 rem,妈妈再也不用担心屏幕太大太小了)

Screenshots

首页

歌单列表

歌单详情

音乐播放

最新MV

MV播放

安装与使用

npm i
npm run dev

Overview

Name With Ownersl1673495/vue-netease-music
Primary LanguageVue
Program languageJavaScript (Language Count: 5)
Platform
License:GNU Affero General Public License v3.0
Release Count80
Last Release Namev3.4.2 (Posted on 2022-11-08 14:56:00)
First Release Namev1.1.0 (Posted on 2019-07-31 18:01:07)
Created At2019-07-19 10:07:33
Pushed At2024-03-02 16:10:08
Last Commit At2024-01-04 17:34:50
Stargazers Count2.2k
Watchers Count20
Fork Count475
Commits Count277
Has Issues Enabled
Issues Count40
Issue Open Count13
Pull Requests Count12
Pull Requests Open Count9
Pull Requests Close Count18
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private
To the top