搭建专属Lofi音乐播放器NextBeats，复古电视界面支持YouTube无限音乐流，帕斯内网穿透远程随时享受高品质背景音乐

项目介绍

NextBeats 是一个现代化的、可定制的 lofi 音乐播放器，基于 Next.js 和 TypeScript 构建。它拥有复古电视风格的美观界面，完美适合编程、学习或者放松休闲时使用。

这个项目集成了 YouTube 播放功能，提供无尽的 lofi 音乐流，支持多种环境音效混合，包括咖啡厅氛围、键盘敲击声、壁炉声、雨声、白噪音和风声等。用户可以自定义添加频道，独立控制音乐和音效音量，所有设置都会本地保存。界面响应式设计，支持所有设备访问。

项目最大的特点是开箱即用，不需要自备音乐资源，所有 lofi 音乐都来自 YouTube 平台，让你随时随地享受高质量的背景音乐。

项目地址： 点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用，点击前往 帕斯内网穿透，先注册好账号备用。

打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

镜像填 btahir/next-beats:latest 等待下载完成后点击启动按钮启动容器

勾选开机自动启动后下一步，端口设置这里。请设置容器内端口 3000 映射到主机端口 3000（如果端口冲突可以修改主机端口，比如改成 3001，但容器内端口必须保持 3000）

存储位置这里，此项目不需要持久化存储，所有设置都保存在浏览器本地存储中，因此无需映射任何目录。

环境变量设置：此项目无需设置任何环境变量，可以直接跳过环境变量配置步骤。

其他的都不用填写，直接下一步启动就好了。

创建成功后可以访问 ip:3000 到这里就可以正常显示项目了

穿透公网

打开帕斯内网穿透控制台，点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选，一般选个负载低的就可以

接下来填写信息，隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式，教程以使用 TCP 为演示

本项目中如果没有修改端口的话默认是 3000 端口，这里本地端口就填 3000

远程端口可以留空也可以自定义。下图仅做参考，请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道，点击获取配置文件

回到飞牛 NAS，点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件，点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束