Lofi音乐播放器NextBeats

发表于 更新于 分类于 Waline： 阅读次数： 本文字数： 1.8k 阅读时长 ≈ 2 分钟
NextBeats 是一个现代、开源的 lofi 音乐播放器，拥有漂亮的复古电视风格界面，集成 YouTube 以实现无尽的 lofi 流和多种音效来增强您的体验。

简介

什么是 Lofi ？

Lofi（低保真）是一种音乐风格，通常以其简单、舒缓的音质和氛围著称。它常常融合了爵士、放松音乐和电子元素，创造出一种轻松的听觉体验。

Lofi 音乐的特点包括：

  • 低保真音质：音乐录音中常常包含一些背景噪音，例如唱片的噪音或环境声，给人一种怀旧的感觉。
  • 重复的旋律：简单且容易记住的旋律，有助于营造放松的氛围。
  • 适合学习和放松：许多人将 Lofi 音乐作为学习、工作或休闲的背景音乐，因为它不会过于分散注意力。

Lofi 音乐在网络上非常流行，尤其是在 YouTube 和流媒体平台上，常常作为直播或播放列表进行分享。

什么是 NextBeats ？

NextBeats 是一个现代、开源的 lofi 音乐播放器，基于 Next.js 和 TypeScript 构建。它为编程、学习或放松提供了理想的背景音乐体验。

主要特点包括：

  • 🎨 美观的复古电视风格界面
  • 🎬 YouTube 集成，无限播放 lofi 音乐流
  • 🎛️ 多种音效，增强您的体验
  • 🌈 主题自定义
  • 📻 频道管理（添加、编辑、删除自定义频道）
  • 🎚️ 音乐和音效的独立音量控制
  • 💾 使用 localStorage 保存持久设置
  • 📱 适用于所有设备的响应式设计

用户还可以通过简单的操作添加自己的频道和音效，确保个性化体验。该项目支持响应式设计，适合各种设备使用。

本应用是在线应用，对网络要求高，需要能访问 YouTube

构建镜像

如果你不想自己构建，可以跳过，直接阅读下一章节

官方提供了 Dockerfile，但没有提供编译好的镜像，需要自己编译

构建镜像和容器运行的基本命令如下👇

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 下载代码
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。

端口

本地端口不冲突就行，不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3431 3000

命令行安装

如果你熟悉命令行，可能用 docker cli 更快捷

1
2
3
4
5
6
# 运行容器
docker run -d \
   --restart unless-stopped \
   --name nextbeats \
   -p 3431:3000 \
   wbsu2003/nextbeats

也可以用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
version: '3'

services:
  nextbeats:
    image: wbsu2003/nextbeats
    container_name: nextbeats
    restart: unless-stopped
    ports:
      - 3431:3000

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 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/