功能说明
🎨 主题与外观
主题模式
支持三种主题模式:
- ☀️ 浅色模式 - 明亮背景
- 🌙 深色模式 - 暗色背景
- 💻 跟随系统 - 自动跟随操作系统设置
切换路径:设置页 → 主题模式
背景主题
三种动态背景可选:
| 背景 | 特点 |
|---|---|
| 🌌 Aurora(极光) | 流动的极光效果,可调节颜色、速度、强度 |
| 🌈 ColorBends(渐变) | 弯曲渐变效果,支持鼠标视差交互 |
| ✨ Ultimate(终极) | 多色圆形渐变,支持鼠标跟随交互 |
每种背景都支持自定义参数,可在设置页详细调整。
🎵 播放器功能
播放控制
- ▶️ 播放/暂停
- ⏮️ 上一首/下一首
- 📊 进度条拖拽
- 🔊 音量调节与静音
- 🎚️ 音质选择(标准/较高/极高/无损)
🎨 音频可视化
基于 Web Audio API 的实时音频分析与可视化:
| 特性 | 说明 |
|---|---|
| 📊 频谱柱状图 | 实时显示音频频率分布,支持低音增强效果 |
| 〰️ 波形显示 | 平滑的音频波形动画,跟随节奏律动 |
| ⭕ 圆形可视化 | 径向频谱效果,适合专辑封面展示 |
| 🎨 智能配色 | 自动从专辑封面提取颜色,生成渐变效果 |
| 🌓 主题适配 | 根据浅色/深色主题自动调整可视化颜色 |
| 📱 多位置显示 | 支持在播放器抽屉和底部播放栏显示 |
使用方式:
- 点击播放器中的波形图标开启/关闭可视化
- 点击样式图标切换不同的可视化效果
- 可在设置页配置默认开启状态
播放模式
| 模式 | 说明 |
|---|---|
| 🔁 列表循环 | 顺序播放,结束后从头开始 |
| 🔂 单曲循环 | 重复播放当前歌曲 |
| 🔀 随机播放 | 随机选择下一首 |
播放列表
- 📋 查看当前播放列表
- ↕️ 拖拽排序
- ➕ 添加到"下一首播放"
- 🗑️ 批量删除
- 🧹 清空列表
- 📱 移动端播放列表抽屉
- 👆 移动端滑动切换播放列表/最近播放
⌨️ 键盘快捷键
| 按键 | 功能 |
|---|---|
Space | 播放/暂停 |
← | 快退 10 秒 |
→ | 快进 10 秒 |
Ctrl + ← | 上一首 |
Ctrl + → | 下一首 |
↑ | 增加音量 |
↓ | 减小音量 |
M | 静音切换 |
R | 切换播放模式 |
🎛️ 系统媒体控制
支持系统级媒体控制(Media Session API),可通过系统通知栏或键盘媒体键控制播放。
📝 歌词功能
歌词显示
- 🎤 原文歌词 - 歌曲原始语言
- 🌐 翻译歌词 - 中文翻译(如有)
- 🔤 罗马音 - 日文歌曲罗马音标注(如有)
歌词交互
- 📜 自动滚动跟随当前播放位置
- 👆 拖动歌词定位播放进度
- 🔠 字体大小可调节
- 📍 底部播放栏歌词显示(可开关)
📱 页面功能
🏠 首页
- 🎠 推荐歌单轮播
- 🔥 热门歌曲卡片
- ⚡ 快速访问入口
📊 排行榜
支持多种榜单类型:
- 🇨🇳 华语榜
- 🇺🇸 欧美榜
- 🇯🇵 日本榜
- 🇰🇷 韩国榜
🎤 艺术家
- 👤 按类型筛选(男/女/乐队/组合)
- 🌍 按地区筛选(华语/欧美/日本/韩国)
- 🔤 按首字母筛选
- 📄 艺术家详情(热门歌曲、专辑、MV)
🔍 搜索
- ⚡ 实时搜索联想
- 📜 搜索历史记录
- 📂 搜索结果分类(歌曲/歌单/MV)
- 📄 分页浏览
- 👆 移动端滑动切换搜索结果类型
🎵 歌曲详情
- 📝 完整歌词显示
- 💡 相似歌曲推荐
- 💬 评论查看
- 🎬 相关 MV
🎬 MV 播放
- 📺 HLS 流媒体支持
- 🎚️ 多清晰度切换
- 📺 相关 MV 推荐
👤 用户功能
登录方式
- 📱 手机号 + 验证码
- 🔑 手机号 + 密码
- 📧 邮箱登录
- 📷 二维码扫码登录
个人中心
- ❤️ 我喜欢的音乐
- 🕐 最近播放记录
- 📁 创建的歌单
📱 移动端适配
移动端(宽度 ≤ 768px)自动切换专属界面:
- 📍 底部标签栏导航
- 🎵 全屏播放器抽屉
- 👆 触控手势优化
- 🎧 迷你播放器悬浮
- 📋 播放列表/最近播放滑动切换
- 🔍 搜索结果页滑动切换
🌍 多语言
支持三种语言:
- 🇨🇳 简体中文
- 🇺🇸 English
- 🇯🇵 日本語
语言设置会自动持久化到本地存储。