NextBeats复古Lofi音乐播放器部署指南,Docker一键启动,YouTube集成播放,音效混合定制,NAS内网穿透远程访问
作者
小编
发布时间

NextBeats - 复古风格Lofi音乐播放器部署指南
项目介绍
NextBeats 是一款现代化的、高度可定制的 Lofi 音乐播放器,采用 Next.js 和 TypeScript 构建。这是一个专为编程、学习或放松而设计的音乐播放解决方案,拥有精美的复古电视机风格界面,让你在工作学习间隙享受舒适的音乐氛围。
项目支持 YouTube 集成播放、丰富的环境音效混合、主题自定义、频道管理等功能。你可以添加自己喜爱的 Lofi 流媒体资源,混合咖啡厅、打字机、壁炉、雨声等多种环保音效,营造专属于你的完美工作或学习环境。界面响应式设计确保在各类设备上都能获得良好体验。
项目地址:点我跳转
部署安装
想要在公网或外出时也能访问你的 NextBeats 播放器?建议配置内网穿透服务。可以前往 帕斯内网穿透 注册账号,详细的配置步骤可以 参考这份攻略,帮助你轻松实现远程访问。
使用 Docker 快速启动
打开你的 NAS 设备(飞牛 NAS、群晖或其他支持 Docker 的系统)
点击进入 本地镜像 - 添加镜像 - 从 URL 添加
在镜像地址栏中填入:node:20-alpine(基础镜像,用于构建环境)
等待镜像下载完成后,使用以下命令启动 NextBeats 容器:
1docker run -p 3000:3000 next-beats
如果你希望一步到位,也可以直接构建并运行:
1docker build -t next-beats .2docker run -p 3000:3000 next-beats
容器配置说明
端口映射
容器内部运行端口:3000
主机访问端口:3000
如果你的主机上 3000 端口已被占用,可以修改映射配置。例如,若想通过 8080 端口访问,可使用:
1docker run -p 8080:3000 next-beats
然后通过 http://你的IP:8080 访问应用。
存储与持久化
NextBeats 使用浏览器本地存储(localStorage)保存你的自定义频道、音效设置和主题偏好,这些数据会自动持久化,无需额外配置存储目录。
环境变量设置
NextBeats 无需特殊的环境变量配置,开箱即用。所有个性化设置都通过界面操作完成,自动保存在本地。
访问应用
容器启动成功后,在浏览器中访问:
1http://你的NAS地址:3000
即可看到 NextBeats 的复古电视机风格界面。现在你可以开始添加自己喜爱的 Lofi 频道、混合各种环保音效,打造专属的音乐氛围了!
功能体验
频道切换:轻松切换不同的 Lofi 音乐流 音效混合:叠加咖啡厅、打字机、壁炉、雨声、白噪音、风声等环保音效 独立音量控制:音乐和音效各自拥有独立的音量调节 自定义频道:添加任何 YouTube Lofi 流媒体 URL 作为自己的频道 主题定制:根据个人喜好切换不同的视觉主题
总结
通过以上步骤,你就能在 NAS 或其他 Docker 环境中快速部署 NextBeats,享受一个功能完整、界面精美的 Lofi 音乐播放器。无论是编程、学习还是放松,NextBeats 都能为你营造完美的音乐氛围。
本篇教程到此结束,祝你使用愉快!🎧