AutoPiano零成本搭建家庭钢琴练习台,随时随地弹不停!cpolar内网穿透实验室第733个成功挑战

0 阅读11分钟

在这里插入图片描述

软件名称:AutoPiano(自由钢琴)

操作系统支持:支持飞牛 fnOS、群晖等 NAS 系统,兼容 Windows、Mac、Linux 等能运行 Docker 和 cpolar 的系统,依托浏览器运行,手机 / 平板 / 电脑的主流浏览器(Chrome、Safari、Edge 等)均适配。

软件介绍

AutoPiano 是一款开源的网页版虚拟钢琴应用,不用装任何软件,打开浏览器就能弹。基于 HTML5+Web Audio API 做的音频处理,没有花里胡哨的广告和付费墙,支持电脑键盘模拟琴键、手机 / 平板触屏弹奏,还能切换钢琴、电钢、风琴等音色。轻量到老旧 NAS 都能跑,私有化部署数据不外传,对家庭用户来说,是低成本试水钢琴学习、满足音乐兴趣的绝佳工具。

在这里插入图片描述

AutoPiano 的出色功能

AutoPiano 最打动人的地方,是把 “简单” 和 “实用” 做到了极致:

  • 无门槛使用:不用装客户端,不管是 Windows 电脑、苹果平板还是安卓手机,打开浏览器就能上手,孩子自己点几下就能找到琴键,不用家长手把手教操作;
  • 轻量化部署:一条 Docker 命令就能在飞牛 NAS 上跑起来,占用资源少到可以忽略,家里几年前的旧 NAS 也能轻松扛住,不影响其他服务运行;
  • 多场景适配:电脑端能用键盘弹(A~; 对应中央 C 附近音符),触屏设备能直接点琴键,音色还能换,从入门练习到随便弹弹解压都够用;
  • 完全开源免费:没有隐藏收费项,代码公开,私有化部署不用担心孩子接触到广告,也不用怕数据泄露。

在这里插入图片描述

实用场景

场景 1:家庭音乐启蒙 “试水”
  • 痛点:家长怕孩子学钢琴是一时兴起,花大价钱买实体琴既费钱又占地,闲置后还占地方;
  • 爽点:用飞牛 NAS 部署 AutoPiano,零成本搭建练习台,孩子在客厅用平板、书房用电脑都能练,练上 1-2 个月能看出真实兴趣,再决定是否买实体琴,试错成本几乎为零,还不占家里空间。
场景 2:异地随时练琴 / 展示
  • 痛点:部署在家庭内网的 AutoPiano,出门后就访问不了,出差想练琴、回老家想给家人展示都做不到;
  • 爽点:搭配 cpolar 内网穿透,不管是在公司、出差的酒店,还是回老家的路上,只要有网络,就能用公网地址登录自己的 AutoPiano,碎片时间练琴,还能远程给家人展示练习成果,不用局限在家庭局域网里。

在这里插入图片描述

cpolar 内网穿透技术带来的便利

说白了,AutoPiano 本身已经够好用,但局限在 “只能内网用”,而 cpolar 直接把这个局限给拆了,带来的便利能落地到每一次使用中:

  1. 突破局域网限制,随时随地访问:不用折腾公网 IP、端口映射这些复杂操作,一条命令装完 cpolar,简单配置隧道后,不管在国内哪个城市,甚至外出旅游,打开浏览器输入公网地址就能弹自己的 AutoPiano,不用再绑死在家里的网络里;
  2. 固定公网地址,不用反复记链接:最初 cpolar 会生成随机公网地址,每次重启可能变,配置二级子域名后,地址就固定了,把链接存到手机书签里,不管什么时候点都能进,老人孩子也能记住,不用每次都问 “地址又变了咋弄”;
  3. 操作简单,不用懂复杂网络知识:全程在 cpolar 的 web 管理界面操作,点几下鼠标就能创建隧道、保留域名,实测配置下来也就 10 分钟,哪怕是不懂代码、不懂网络的家长,跟着步骤走也能搞定,不用找技术人员帮忙;
  4. 安全又稳定:cpolar 的穿透链路是加密的,家庭部署的 AutoPiano 数据不会外泄,访问速度也够日常弹奏用,试过在 4G、5G 网络下弹,几乎没有延迟,和在内网用没差别;
  5. 复用性强:给 AutoPiano 配好的 cpolar,还能用来穿透家里其他内网服务,比如 NAS 里的文件、其他部署的小工具,相当于一次配置,多个应用受益,不用为不同服务单独折腾远程访问。

在这里插入图片描述

总结

给孩子启蒙钢琴,不用上来就 “梭哈” 买实体琴;想折腾点实用的家庭小工具,也不用被局域网捆住手脚。AutoPiano 用最简单的方式,满足了家庭钢琴练习的核心需求 —— 免费、轻量、好用;而 cpolar 则补上了最后一块短板,让这个小工具从 “只能在家用” 变成 “随时随地能用”。

不管是想给孩子做音乐启蒙的家长,还是喜欢折腾 NAS 的玩家,或是想低成本练琴的音乐新手,把 AutoPiano 和 cpolar 搭在一起,既不用花冤枉钱,又能把工具的价值用透,说白了,就是用最低的成本,满足最实在的需求。

有没有天赋?有没有兴趣?那这个试一下先,不是每个人都是天才,但每个人都能拥有一个属于自己的Piano。

接下来,就手把手教你如何在飞牛系统上,轻松部署这个“家庭音乐启蒙神器”。适合搭配后续的Docker安装步骤、端口配置、访问演示等内容。

image-20260327145326161

1.什么是AutoPiano?

AutoPiano是一个开源的网页版虚拟钢琴应用,它让你无需安装任何软件,只需打开浏览器,就能在电脑、平板或手机上弹奏钢琴。

核心特点

特性说明
纯网页运行基于 HTML5 + Web Audio API,无需 Flash 或插件
键盘支持可用电脑键盘按键模拟琴键(通常 A~; 对应中央 C 附近音符)
触屏友好在手机/平板上可直接点击屏幕琴键演奏
多音色切换支持钢琴、电钢、风琴等多种乐器音色(取决于具体版本)
完全免费 & 开源代码公开,无广告、无付费墙,可私有部署
特性说明
纯网页运行基于 HTML5 + Web Audio API,无需 Flash 或插件
键盘支持可用电脑键盘按键模拟琴键(通常 A~; 对应中央 C 附近音符)
触屏友好在手机/平板上可直接点击屏幕琴键演奏
多音色切换支持钢琴、电钢、风琴等多种乐器音色(取决于具体版本)
完全免费 & 开源代码公开,无广告、无付费墙,可私有部署

技术背景

  • 前端技术:通常使用JavaScript(如Vue.js、React或原生Web Audio)

  • 音频引擎:基于浏览器的Web Audio API,能生成高质量合成音

  • 部署方式:打包成静态网站,可通过Nginx、Node.js或Docker轻松部署

  • 典型项目名:

    GitHub上常见项目如davidjbradshaw/piano

    中文社区流行的 “自由钢琴” 多指基于类似原理的增强版(如baiyuetribe/onekey:piano镜像所用)

为什么适合家庭 NAS(如飞牛 fnOS / 群晖)?

  • 轻量级:资源占用极低,老旧设备也能跑
  • 私有化部署:数据不外传,孩子使用更安全
  • 随时访问:局域网内任何设备打开浏览器即可练习
  • 零成本试水:在购买实体钢琴前,先验证孩子是否真有兴趣

2.安装前提条件

2.1ssh远程连接到飞牛

  • 开启【SSH 服务】
  • 使用终端(Windows PowerShell / Mac Terminal)登录:

在设置—>SSH中开启SSH服务:

463c5f2aa280d7887420494b8b8f852e

27abe7f94baeaebc1738b60b1ba78933

e16c7480a399e50f627439329422c5a7

2.2验证docker是否开启

使用命令:

docker -v 
systemctl status -v

也可以直接在飞牛主页查看(其他机器也是这样的哦~)

bc2a0952beed8ca143a171bb000b2b23

3.部署AutoPiano

3.1 安装AutoPiano

本文使用docker一键部署:

docker run -d \
  -p 3030:5000 \
  -e HOST=0.0.0.0 \
  -e PORT=5000 \
  --name=piano \
  baiyuetribe/onekey:piano

image-20260327150850482

部署完成后,在浏览器中输入 http://飞牛IP:3030 就能看到AutoPiano的界面:

image-20260327150929795

3.2 使用AutoPiano

部署完成后,我们就可以看见autopiano的页面。特别容易上手,好操作,下面选项可以自由选择:

image-20260327151116391

点击这里可以跳转音乐平台链接:

image-20260327151156335

下面有音乐曲目:

image-20260327151227940

我们点击进去,有教学,就不用费力去网上寻找了:

image-20260327151259819

还有演示视频:

image-20260327151550676

你是否遇到过这样的场景?

在家里的飞牛NAS(fnOS)或群晖上成功部署了AutoPiano,孩子可以在局域网内愉快地练习。

但一出门——爷爷奶奶想看看孙子弹琴?朋友想远程试玩?自己在公司突然来了灵感想即兴演奏?

统统不行!因为服务只在本地网络可见。

这时候,你就需要一个强大的内网穿透工具 —— cpolar。跟我继续配置吧!

4.安装cpolar实现随时随地开发

4.1 什么是cpolar?

cpolar是一款安全高效的内网穿透工具,无需公网IP或复杂配置,只需一条命令,即可将本地服务器、Web服务或任意端口映射到公网,让你随时随地远程访问内网应用,特别适合开发调试、远程运维和应急部署等场景。

4.2 部署cpolar

cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网。即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。

❤️以下是安装cpolar步骤:

使用一键脚本安装命令:

sudo curl https://get.cpolar.sh | sh

image-20250725104019896

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)

sudo systemctl status cpolar

22e5adfaf290a17fc3384bb296055259

Cpolar安装和成功启动服务后,在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面,使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可:

打开浏览器访问本地9200端口,使用cpolar账户密码登录即可,登录后即可对隧道进行管理。

8a6698b1bf26d64ba3645827fbfb1c29

5.配置公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:

  • 隧道名称:可自定义,本例使用了:piano,注意不要与已有的隧道名称重复
  • 协议:http
  • 本地地址:3030
  • 域名类型:随机域名
  • 地区:选择China Top

image-20260327162633475

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用地址访问。

image-20260327162700186

访问成功。

image-20260327162736175

6.保留固定公网地址

使用cpolar为其配置二级子域名,该地址为固定地址,不会随机变化。

image-20250918151358733

点击左侧的预留,选择保留二级子域名,地区选择china Top,然后设置一个二级子域名名称,我使用的是piano,大家可以自定义。填写备注信息,点击保留。

image-20260327162933519

登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑

image-20260327163022405

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名
  • 地区: China Top

点击更新

image-20260327163104367

更新完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的二级子域名名称。

image-20260327163118449

最后,我们使用固定的公网地址在任意设备的浏览器中访问,可以看到成功访问的页面,这样一个永久不会变化的二级子域名公网网址即设置好了。

image-20260327163144360

总结

孩子想学钢琴?别急着花上万元买琴!用家里的飞牛NAS,通过Docker一分钟部署开源「自由钢琴」(AutoPiano),免费搭建一个网页版在线练习台——局域网内随时弹奏,配合cpolart内网穿透还能实现公网远程访问。零成本、不占地、无风险,先试兴趣再投资,让科技温柔支持孩子的每一个音乐萌芽。