移动端适配:手机上也能用 AlgerMusicPlayer
三种移动形态
AlgerMusicPlayer 在移动端有三种使用方式:
| 形态 | 平台 | 说明 |
|---|---|---|
| 安卓原生 App | Android | 原生 Android 壳 + Web 内核 |
| 网页版移动端 | iOS / Android / 平板 | 浏览器访问 mc.alger.fun |
| PWA | 任意支持 PWA 的浏览器 | 网页版添加到桌面后离线使用 |
v5.1.0 移动端优化
UI 布局重构
v5.1.0 对移动端 UI 做了重新适配:
- 播放器布局更紧凑,适合小屏操作
- 侧栏改为底部 Tab 栏(移动端导航习惯)
- 播放控制按钮增大,触屏更容易点中
按钮尺寸修复
v5.1.0 修复了旧版移动端音乐列表页按钮尺寸过大的问题——旧版按钮占用了太多屏幕空间,新版做了合理收缩。
全屏歌词前奏修复
v5.1.0 修复了旧版移动端全屏歌词前奏阶段第一句歌词不可见的问题——之前前奏时歌词区域空白,现在可以显示。
移动端桌面歌词
移动端没有真正的「桌面」(Android 允许悬浮窗但 iOS 不允许):
- 安卓:开启悬浮窗权限后可模拟桌面歌词效果
- iOS 网页版:iOS 系统不允许跨 App 悬浮,只能在浏览器内显示
网页版 vs 原生 App
| 维度 | 网页版 | 原生 App |
|---|---|---|
| 安装 | 不需要,浏览器访问就行 | 需要下载 APK 安装 |
| 离线使用 | 部分支持(PWA 缓存) | 支持缓存但不完整 |
| 灰色歌曲解析 | ✅ 能触发 UNM | ✅ 能触发 UNM |
| 账号同步 | ✅ 登录即同步 | ✅ 登录即同步 |
| 音频播放后台 | 受限(浏览器策略) | ✅ 原生后台播放 |
| 推送 / 通知 | 不支持 | 支持(安卓原生通知) |
iOS 用户怎么办
iOS 没有原生 App,只能用:
- 浏览器访问 mc.alger.fun(Safari 或 Chrome)
- 添加到主屏(Safari → 分享 → 添加到主屏幕),获得近似 App 的体验
灰色歌曲解析、账号同步等功能在网页版上与桌面端一致。