Lofi音乐播放器NextBeats
同步来源：树洞剪藏 源站剪藏 ID：163 原文地址：https://mp.weixin.qq.com/s/QWk_CJ5YmB9hprKV4gfQeQ
Lofi音乐播放器NextBeats
Lofi音乐播放器NextBeats
原创
杨浦老苏
各种折腾
2024年12月01日 19:00 上海
各种折腾 聚沙成塔，集腋成裘 764篇原创内容
公众号 ，
简介 什么是 Lofi ？
Lofi （低保真）是一种音乐风格，通常以其简单、舒缓的音质和氛围著称。它常常融合了爵士、放松音乐和电子元素，创造出一种轻松的听觉体验。 Lofi 音乐的特点包括：
低保真音质 ：音乐录音中常常包含一些背景噪音，例如唱片的噪音或环境声，给人一种怀旧的感觉。
重复的旋律 ：简单且容易记住的旋律，有助于营造放松的氛围。
适合学习和放松 ：许多人将 Lofi 音乐作为学习、工作或休闲的背景音乐，因为它不会过于分散注意力。 Lofi 音乐在网络上非常流行，尤其是在 YouTube 和流媒体平台上，常常作为直播或播放列表进行分享。 什么是 NextBeats ？
NextBeats 是一个现代、开源的 lofi 音乐播放器，基于 Next.js 和 TypeScript 构建。它为编程、学习或放松提供了理想的背景音乐体验。 主要特点包括：
🎨 美观的复古电视风格界面
🎬 YouTube 集成，无限播放 lofi 音乐流
🎛️ 多种音效，增强您的体验
🌈 主题自定义
📻 频道管理（添加、编辑、删除自定义频道）
🎚️ 音乐和音效的独立音量控制
💾 使用 localStorage 保存持久设置
📱 适用于所有设备的响应式设计
杨浦老苏
用户还可以通过简单的操作添加自己的频道和音效，确保个性化体验。该项目支持响应式设计，适合各种设备使用。
本应用是在线应用，对网络要求高，需要能访问 YouTube 构建镜像
如果你不想自己构建，可以跳过，直接阅读下一章节 官方提供了 Dockerfile ，但没有提供编译好的镜像，需要自己编译 构建镜像和容器运行的基本命令如下👇
下载代码
git clone https://github.com/btahir/next-beats.git
进入目录
cd next-beats
构建镜像
docker build -t wbsu2003/nextbeats:v1 .
运行容器
docker run -d
--name nextbeats
-p 3431:3000
wbsu2003/nextbeats:v1
安装 在群晖上以 Docker 方式安装。 在注册表中搜索 nextbeats ，选择第一个 wbsu2003/nextbeats ，版本选择 latest 。 端口 本地端口不冲突就行，不确定的话可以用命令查一下
查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口 3431 3000 命令行安装 如果你熟悉命令行，可能用 docker cli 更快捷
运行容器
docker run -d
--restart unless-stopped
--name nextbeats
-p 3431:3000
wbsu2003/nextbeats
也可以用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件 version: '3'
services: nextbeats: image: wbsu2003/nextbeats container_name: nextbeats restart: unless-stopped ports:
- 3431 :3000
然后执行下面的命令
新建文件夹 nextbeats 和 子目录
mkdir -p /volume1/docker/nextbeats
进入 nextbeats 目录
cd /volume1/docker/nextbeats
将 docker-compose.yml 放入当前目录
一键启动
docker-compose up -d
运行 在浏览器中输入 http://群晖IP:3431 就能看到主界面 如果网络没问题，应该很快就会加载出来 点播放按钮 切换频道 功能很简单 设置中，可以更改主题 支持修改频道参数
Channel Name ：频道名称
YouTube URL ： YouTube 地址
Description ：描述
Creator ：创建者 也可以添加自己的频道 下方是背景音效设置，包括雨声、风声等 参考文档
btahir/next-beats: A modern, open-source lofi experience powered by Next.js 地址：https://github.com/btahir/next-beats Next Beats | Your Ultimate Music Experience 地址：https://nextbeats.vercel.app/
各种折腾 聚沙成塔，集腋成裘 764篇原创内容
公众号 ， @所有人：写文不易，如果你都看到了这里，请点个 赞 和 在看 ，分享给更多的朋友；为确保你能收到每一篇文章，请主页右上角设置星标。
预览时标签不可点
群晖 668 docker 675 多媒体 50 播放器 4
群晖 · 目录
上一篇 HivisionIDPhoto：一键生成高清证件照
阅读原文 修改于 2024年12月02日
关闭
更多
小程序 广告
搜索「undefined」网络结果
微信扫一扫 关注该公众号
当前内容可能存在未经审核的第三方商业营销信息，请确认是否继续访问。
继续访问 取消 微信公众平台广告规范指引
： ， 。
视频 小程序 赞 ，轻点两下取消赞 在看 ，轻点两下取消在看 分享 留言 收藏