网页版进阶:添加到主屏幕当 App 用
网页版的正确用法不止「开个标签页」。走 PWA(渐进式 Web 应用)路线,它能获得接近原生 App 的体验;动手能力强还能自建服务端。
路径一:直接用官方网页版
手机或电脑浏览器打开官方网页地址即可使用,零安装。日常用这个就够了。
路径二:添加到主屏幕(PWA)
安卓(Chrome):
- 浏览器打开网页版。
- 菜单 →「添加到主屏幕」。
- 桌面生成独立应用图标,打开后无浏览器地址栏,全屏运行。
iPhone(Safari):
- Safari 打开网页版。
- 点分享按钮 →「添加到主屏幕」。
- 获得类原生体验——官方对 iOS 用户的建议正是这条路(暂无 iOS 客户端)。
PWA 模式有独立应用图标,视觉体验与普通网页标签不同,值得设置一次。
路径三:自建服务端(进阶玩法)
开源社区提供了移动端一体化方案(MorsBrenn/mineradio-mobile 等),把前端与 API 代理打包:
- 局域网:电脑起一个本地服务,手机连同一 WiFi 访问,适合家里自用。
- 云部署:部署到 Railway 或自建 VPS,随时随地用自己的服务。
- 需要一定的动手能力(Node.js 环境、命令行),属于开源玩家的折腾路线,普通用户不需要。
使用建议
- PWA 添加后,账号登录与浏览器共享,歌单同步状态不丢。
- 网页版的摄像头手势(见手势控制)在 PWA 全屏模式下同样可用。
- 网页版粒子渲染对设备性能有要求,老设备卡顿就关闭手势、降低浏览器标签页数量。
三条路径按需选:随手听走路径一,常听走路径二,爱折腾走路径三。