Skip to content

拼好歌开源跨平台音乐播放器框架

uni-app + Vue 3 客户端 · Cloudflare Workers 服务端 · 插件化架构 · 数据自托管

拼好歌 phgmusic Logo
查看全部平台

界面预览 ​

手机
拼好歌手机端首页:搜索、推荐轮播、快捷入口与推荐歌单
首页
拼好歌手机端歌单页:歌单信息与歌曲列表
歌单
拼好歌手机端播放页:唱片封面、曲目信息、波形与播放控制
播放页
平板 / 桌面
拼好歌平板端首页:左侧导航栏、搜索框、精选歌单轮播、功能入口与推荐歌单
平板 · 首页
拼好歌桌面端深色主题:左侧导航栏、歌单预览列表与底部播放条
桌面端 · 歌单预览
服务端后台
拼好歌服务端管理后台:登录页,用管理员邮箱与密码登录
后台 · 登录
拼好歌服务端管理后台:调度策略与请求超时配置
后台 · 音源调优

截图取自项目实际运行画面。

多端云同步 ​

歌单、收藏、播放历史与设置同步到你自己部署的实例,手机、平板、桌面登录同一账号即同一份数据。

设备
手机 平板 桌面
你的 Workers 实例Cloudflare Workers + D1
同步内容
歌单收藏播放历史设置
  • 自动 + 手动:改动后按设定间隔自动上传,也可以随时手动推送一次;
  • 冲突可合并:两端都有改动时逐条比对,由你选择保留哪一侧;
  • 本地备份:一键导出 JSON(歌单 + 设置),无网络也能恢复。

拼好歌是什么 ​

拼好歌(phgmusic) 是一个面向技术爱好者的开源跨平台音乐播放器框架,由客户端与服务端两部分组成:

组成技术栈作用
客户端uni-app + Vue 3,桌面端由 Electron 承载播放界面、歌单与收藏管理、数据同步、个性化设置
服务端Cloudflare Workers + D1 + QuickJS(WASM)账号体系、数据同步、插件沙箱、管理后台、用量统计

两部分相互解耦:服务端可部署在自己的 Cloudflare 账号下,也可以只使用客户端本地功能。三个组成部分、三种使用组合的完整说明见产品与能力。

源代码地址 ​

托管平台可能变动,本站域名不变。仓库地址如有调整,会第一时间更新在代码仓库页面。

客户端仓库uni-app + Vue 3 + Electron
服务端仓库Cloudflare Workers + D1

边界声明 ​

  • 本项目是播放器工具与开发框架,不提供、不存储、不传输任何音频内容;
  • 不内置、不附带、不推荐、不分发任何插件;插件由使用者自行评估与提供;
  • 项目完全免费、非商业,仅供技术学习与交流使用。

快速导航 ​

本站为项目信息索引站点:不提供、不存储、不传输任何音频内容;不内置、不分发任何插件。
反馈请走 联系与反馈,或加入 QQ 群 1016773775。