vue-netease-music

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

Github星跟踪图

音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾,而且偶然间发现 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

概览

名称与所有者sl1673495/vue-netease-music
主编程语言Vue
编程语言JavaScript (语言数: 5)
平台
许可证GNU Affero General Public License v3.0
发布数80
最新版本名称v3.4.2 (发布于 2022-11-08 14:56:00)
第一版名称v1.1.0 (发布于 2019-07-31 18:01:07)
创建于2019-07-19 10:07:33
推送于2024-03-02 16:10:08
最后一次提交2024-01-04 17:34:50
星数2.2k
关注者数20
派生数475
提交数277
已启用问题?
问题数40
打开的问题数13
拉请求数12
打开的拉请求数9
关闭的拉请求数18
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?
去到顶部