前言当孩子兴致冲冲地说“我想学钢琴”时大多数家长的第一反应都是纠结买台真钢少说上万元占地方不说万一孩子学了两个月新鲜劲过了放在家里只能落灰。其实在掏钱包之前作为技术型家长我们有一个成本极低的“兴趣验证”方案利用家里 7x24 小时开机的 NAS如飞牛 fnOS、群晖等只需一条 Docker 命令就能秒级部署一个高颜值的网页版虚拟钢琴AutoPiano。电脑、平板、手机浏览器打开就能弹支持键盘映射和触屏反馈。先让孩子在平板上像玩游戏一样玩上一周如果他能坚持坐得住再聊买琴的事也不迟。1. 什么是 AutoPianoAutoPiano自由钢琴是一款开源的网页版虚拟钢琴应用。基于 HTML5 Web Audio API 打造无需安装任何插件就能在浏览器中实现高质量的钢琴音效合成。核心特性特性说明纯网页运行基于 HTML5 Web Audio API无需 Flash 或任何浏览器插件键盘映射支持电脑键盘按键模拟琴键如 A~; 对应中央 C 附近音符打字员秒变钢琴家触屏设备友好完美适配 iPad/平板/手机直接点击屏幕琴键即可演奏支持多点触控内置曲谱教学带有瀑布流落弹演示和简谱提示零基础孩子也能跟着画面弹奏简单旋律私有部署无广告完全开源免费无任何付费墙或弹窗广告资源占用极低2.安装前提条件在开始之前请确保你的 NAS 已经开启了 SSH 权限并确认 Docker 容器环境运行正常。第一步开启 SSH以飞牛 fnOS 为例进入飞牛 OS 的控制中心-系统-SSH勾选开启 SSH 服务并设置好端口默认 22。第二步连接并验证 Docker使用终端工具Windows PowerShell 或 Mac Terminal连接到你的 NAS输入以下命令验证 Docker 是否正常运行docker--version若返回正确的 Docker 版本号即可进行下一步。也可以直接在飞牛主页查看其他机器也是这样的哦~3. 一键 Docker 部署 AutoPiano飞牛 OS 的应用商店如果搜不到直接用底层 Docker 部署是最快、最干净的方法。在终端中直接复制并运行以下命令dockerrun-d\--nameautopiano\-p3030:5000\-eHOST0.0.0.0\-ePORT5000\--restartunless-stopped\baiyuetribe/onekey:piano 参数人话解释-d后台运行容器。--nameautopiano将容器命名为autopiano方便后续管理。-p 3030:5000将容器内部的 5000 端口映射到 NAS 的3030端口。部署完成后通过这个端口访问。--restartunless-stopped保证 NAS 重启或 Docker 服务重启后钢琴网页会自动跟随启动。体验测试部署完成后在局域网内任意设备电脑/平板的浏览器输入http://你的NAS_IP:3030就可以看到精致的钢琴界面了。配上家里的 iPad直接就能当作电子琴给孩子练手。我们就可以看见autopiano的页面。特别容易上手好操作下面选项可以自由选择点击这里可以跳转音乐平台链接下面有音乐曲目我们点击进去有教学就不用费力去网上寻找了还有演示视频4. 进阶如何让爷爷奶奶在异地听到弹奏局域网部署好后孩子在家里弹得有模有样但如果人在外地的爷爷奶奶想看看孙子的成果怎么办这就需要解决外网访问内网穿透的问题。由于大部分家庭没有公网 IPv4 地址为了安全和网络质量不建议盲目使用网上来路不明、带商业广告或限速严重的第三方穿透工具。这里提供两种主流、干净且纯粹的技术访问思路4.1 方案 AIPv6 DDNS推荐延迟最低、音质最好现在绝大多数家庭宽带都已经普及了 IPv6拥有独立的公网 IP。在飞牛 OS 或骨干路由器上开启 IPv6 支持确保 NAS 获取到了240e/2409/2408开头的公网 IPv6 地址。利用 NAS 自带的 DDNS动态域名解析功能绑定一个免费域名如飞牛自带的远程访问或通过腾讯云/阿里云解析。在路由器防火墙中放行3030端口。外网直接输入http://你的域名:3030即可直连琴声同步毫无延迟。4.2 方案 B安装cpolar实现随时随地开发cpolar是一款安全高效的内网穿透工具无需公网IP或复杂配置只需一条命令即可将本地服务器、Web服务或任意端口映射到公网让你随时随地远程访问内网应用特别适合开发调试、远程运维和应急部署等场景。4.2.1 部署cpolarcpolar 可以将你本地电脑中的服务如 SSH、Web、数据库映射到公网。即使你在家里或外出时也可以通过公网地址连接回本地运行的开发环境。❤️以下是安装cpolar步骤使用一键脚本安装命令sudocurlhttps://get.cpolar.sh|sh安装完成后执行下方命令查看cpolar服务状态如图所示即为正常启动sudosystemctl status cpolarCpolar安装和成功启动服务后在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可打开浏览器访问本地9200端口使用cpolar账户密码登录即可,登录后即可对隧道进行管理。4.2.2 配置公网地址登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道隧道名称可自定义本例使用了:piano注意不要与已有的隧道名称重复协议http本地地址3030域名类型随机域名地区选择China Top创建成功后打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址接下来就可以在其他电脑或者移动端设备异地上使用地址访问。访问成功。4.2.3 保留固定公网地址使用cpolar为其配置二级子域名该地址为固定地址不会随机变化。点击左侧的预留选择保留二级子域名地区选择china Top然后设置一个二级子域名名称我使用的是piano大家可以自定义。填写备注信息点击保留。登录cpolar web UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到所要配置的隧道点击右侧的编辑。修改隧道信息将保留成功的二级子域名配置到隧道中域名类型选择二级子域名Sub Domain填写保留成功的二级子域名地区: China Top点击更新更新完成后打开在线隧道列表此时可以看到随机的公网地址已经发生变化地址名称也变成了保留和固定的二级子域名名称。最后我们使用固定的公网地址在任意设备的浏览器中访问可以看到成功访问的页面这样一个永久不会变化的二级子域名公网网址即设置好了。总结用技术解决生活中的小纠结正是折腾 NAS 的乐趣所在。这台网页钢琴不仅能帮你测试出孩子是对音乐真有兴趣还是“三分钟热度”更能成为家庭聚会时一个有趣的互动小程序。赶紧去你的 NAS 上复制命令试试吧
别急着买万块钢琴！用家里 NAS 搭建 Web 钢琴，零成本验证孩子的“三分钟热度”
前言当孩子兴致冲冲地说“我想学钢琴”时大多数家长的第一反应都是纠结买台真钢少说上万元占地方不说万一孩子学了两个月新鲜劲过了放在家里只能落灰。其实在掏钱包之前作为技术型家长我们有一个成本极低的“兴趣验证”方案利用家里 7x24 小时开机的 NAS如飞牛 fnOS、群晖等只需一条 Docker 命令就能秒级部署一个高颜值的网页版虚拟钢琴AutoPiano。电脑、平板、手机浏览器打开就能弹支持键盘映射和触屏反馈。先让孩子在平板上像玩游戏一样玩上一周如果他能坚持坐得住再聊买琴的事也不迟。1. 什么是 AutoPianoAutoPiano自由钢琴是一款开源的网页版虚拟钢琴应用。基于 HTML5 Web Audio API 打造无需安装任何插件就能在浏览器中实现高质量的钢琴音效合成。核心特性特性说明纯网页运行基于 HTML5 Web Audio API无需 Flash 或任何浏览器插件键盘映射支持电脑键盘按键模拟琴键如 A~; 对应中央 C 附近音符打字员秒变钢琴家触屏设备友好完美适配 iPad/平板/手机直接点击屏幕琴键即可演奏支持多点触控内置曲谱教学带有瀑布流落弹演示和简谱提示零基础孩子也能跟着画面弹奏简单旋律私有部署无广告完全开源免费无任何付费墙或弹窗广告资源占用极低2.安装前提条件在开始之前请确保你的 NAS 已经开启了 SSH 权限并确认 Docker 容器环境运行正常。第一步开启 SSH以飞牛 fnOS 为例进入飞牛 OS 的控制中心-系统-SSH勾选开启 SSH 服务并设置好端口默认 22。第二步连接并验证 Docker使用终端工具Windows PowerShell 或 Mac Terminal连接到你的 NAS输入以下命令验证 Docker 是否正常运行docker--version若返回正确的 Docker 版本号即可进行下一步。也可以直接在飞牛主页查看其他机器也是这样的哦~3. 一键 Docker 部署 AutoPiano飞牛 OS 的应用商店如果搜不到直接用底层 Docker 部署是最快、最干净的方法。在终端中直接复制并运行以下命令dockerrun-d\--nameautopiano\-p3030:5000\-eHOST0.0.0.0\-ePORT5000\--restartunless-stopped\baiyuetribe/onekey:piano 参数人话解释-d后台运行容器。--nameautopiano将容器命名为autopiano方便后续管理。-p 3030:5000将容器内部的 5000 端口映射到 NAS 的3030端口。部署完成后通过这个端口访问。--restartunless-stopped保证 NAS 重启或 Docker 服务重启后钢琴网页会自动跟随启动。体验测试部署完成后在局域网内任意设备电脑/平板的浏览器输入http://你的NAS_IP:3030就可以看到精致的钢琴界面了。配上家里的 iPad直接就能当作电子琴给孩子练手。我们就可以看见autopiano的页面。特别容易上手好操作下面选项可以自由选择点击这里可以跳转音乐平台链接下面有音乐曲目我们点击进去有教学就不用费力去网上寻找了还有演示视频4. 进阶如何让爷爷奶奶在异地听到弹奏局域网部署好后孩子在家里弹得有模有样但如果人在外地的爷爷奶奶想看看孙子的成果怎么办这就需要解决外网访问内网穿透的问题。由于大部分家庭没有公网 IPv4 地址为了安全和网络质量不建议盲目使用网上来路不明、带商业广告或限速严重的第三方穿透工具。这里提供两种主流、干净且纯粹的技术访问思路4.1 方案 AIPv6 DDNS推荐延迟最低、音质最好现在绝大多数家庭宽带都已经普及了 IPv6拥有独立的公网 IP。在飞牛 OS 或骨干路由器上开启 IPv6 支持确保 NAS 获取到了240e/2409/2408开头的公网 IPv6 地址。利用 NAS 自带的 DDNS动态域名解析功能绑定一个免费域名如飞牛自带的远程访问或通过腾讯云/阿里云解析。在路由器防火墙中放行3030端口。外网直接输入http://你的域名:3030即可直连琴声同步毫无延迟。4.2 方案 B安装cpolar实现随时随地开发cpolar是一款安全高效的内网穿透工具无需公网IP或复杂配置只需一条命令即可将本地服务器、Web服务或任意端口映射到公网让你随时随地远程访问内网应用特别适合开发调试、远程运维和应急部署等场景。4.2.1 部署cpolarcpolar 可以将你本地电脑中的服务如 SSH、Web、数据库映射到公网。即使你在家里或外出时也可以通过公网地址连接回本地运行的开发环境。❤️以下是安装cpolar步骤使用一键脚本安装命令sudocurlhttps://get.cpolar.sh|sh安装完成后执行下方命令查看cpolar服务状态如图所示即为正常启动sudosystemctl status cpolarCpolar安装和成功启动服务后在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可打开浏览器访问本地9200端口使用cpolar账户密码登录即可,登录后即可对隧道进行管理。4.2.2 配置公网地址登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道隧道名称可自定义本例使用了:piano注意不要与已有的隧道名称重复协议http本地地址3030域名类型随机域名地区选择China Top创建成功后打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址接下来就可以在其他电脑或者移动端设备异地上使用地址访问。访问成功。4.2.3 保留固定公网地址使用cpolar为其配置二级子域名该地址为固定地址不会随机变化。点击左侧的预留选择保留二级子域名地区选择china Top然后设置一个二级子域名名称我使用的是piano大家可以自定义。填写备注信息点击保留。登录cpolar web UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到所要配置的隧道点击右侧的编辑。修改隧道信息将保留成功的二级子域名配置到隧道中域名类型选择二级子域名Sub Domain填写保留成功的二级子域名地区: China Top点击更新更新完成后打开在线隧道列表此时可以看到随机的公网地址已经发生变化地址名称也变成了保留和固定的二级子域名名称。最后我们使用固定的公网地址在任意设备的浏览器中访问可以看到成功访问的页面这样一个永久不会变化的二级子域名公网网址即设置好了。总结用技术解决生活中的小纠结正是折腾 NAS 的乐趣所在。这台网页钢琴不仅能帮你测试出孩子是对音乐真有兴趣还是“三分钟热度”更能成为家庭聚会时一个有趣的互动小程序。赶紧去你的 NAS 上复制命令试试吧
