791

逍遥乐 - 音乐播放器(vue3开源)

⛩️书白·2026/05/04 09:02

逍遥乐 v3 - Vue3 重构版

基于 Vue3 + Vite + Pinia + Tailwind CSS 重构,功能全面升级。

演示图

screenshot_20260510_091226_com.mmbox.xbrowser.pro.png

screenshot_20260510_091237_com.mmbox.xbrowser.pro.png

screenshot_20260510_091758_com.mmbox.xbrowser.pro.png

screenshot_20260510_091812_com.mmbox.xbrowser.pro.png

screenshot_20260510_091826_com.mmbox.xbrowser.pro.png

screenshot_20260510_091855_com.mmbox.xbrowser.pro.png

screenshot_20260510_091915_com.mmbox.xbrowser.pro.png

screenshot_20260510_091926_com.mmbox.xbrowser.pro.png

screenshot_20260510_091945_com.mmbox.xbrowser.pro.png

新增功能

  • 🔐 网易云扫码登录,显示会员等级(VIP6/SVIP6)
  • 📋 推荐歌单 / 排行榜 / 热搜榜 / 搜索建议
  • 🎵 播放列表拖拽排序,支持 500 首
  • 📝 汽水风格全屏歌词,颜色自定义
  • 📊 模拟频谱动画,5 种预设 + 自定义 RGB
  • 🗂 我的歌单(登录后)
  • 💬 歌单热门评论(右侧滑出卡片)
  • 📜 播放历史(分页显示)
  • 🧭 Vue Router 路由,前进后退
  • 🎨 侧栏抽屉导航,移动端适配
  • 💾 localStorage 持久化播放状态和登录
  • 🔄 主备 API 自动切换

技术栈

Vue 3 + Vite + Pinia + Tailwind CSS

演示地址

http://vue.hk0.cc

接口替换

项目备用 API 接口http://t.hk0.cc/163/163music.php可自行搜索替换,后续将开放接口搭建教程:

部署

  1. 上传至网站根目录
  2. Nginx 配置所有路由指向 index.html
  3. 纯静态,无需 PHP / 数据库

数据支持

开源地址

附件下载

版权

侠客岛 bbs.hk0.cc

交流群

QQ群 314768298

附件列表

3
站内附件

music_h5.zip

ZIP · 16 KB · 下载 21回复可下
登录并回复本帖后可下载
站内附件

music_小vue.zip

ZIP · 21 KB · 下载 5回复可下
登录并回复本帖后可下载
站内附件

逍遥乐_v3.zip

ZIP · 69 KB · 下载 6回复可下
登录并回复本帖后可下载

错过了不该错过的人,那就是遗憾!

回复讨论
22

登录后可参与回复讨论。

文明发言,理性讨论
聚焦·26天前

@书白 有QQ群嘛进来玩玩

⛩️书白 OP| Admin回复 @聚焦·26天前
回复 @聚焦

[userLink:书白:admin] 有QQ群嘛进来玩玩

@聚焦 没有,要不你邀我进你群

小杰·24天前

好看 试一下

zczy·24天前

大佬 接口能否自建 比如自己有音频直链 自建一个音频库接口对接上 实现的难度大不大
总感觉依赖大平台 歌曲有局限性下 很多歌曲都是翻唱或者没有

云先森·24天前

感谢大佬

⛩️书白 OP| Admin回复 @zczy·24天前
回复 @zczy

大佬 接口能否自建 比如自己有音频直链 自建一个音频库接口对接上 实现的难度大不大 总感觉依赖大平台 歌曲有局限...

@zczy 后续开发曲库,自建自己乐库,对接只是前期功能不够多,我才这样搞

1
3314054714
·24天前

拿下拿下

上一页2 / 2下一页