Music-Player#

A simple music player website with front-end and back-end

双歌词同步：主译/双语模式切换

自动歌词匹配：上传歌曲与歌词后，系统自动匹配

环境要求#

Node.js（v16+）git npm
良好的网络环境
最少10MB的硬盘空间

部署方法#

1.安装 Node.js（v16+）git npm 和 pm2

1
sudo apt update && sudo apt upgrade
2
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
3
sudo apt install git -y
4
sudo apt-get install -y nodejs
5
sudo npm install pm2 -g

使用git克隆项目

1
git clone https://github.com/Bai21357/Music-Player.git

2.依赖已在 package.json 中声明,切换至项目目录,然后执行：

1
cd Music-Player
2
npm install

3.使用 PM2 守护进程启动

1
pm2 start server.js --name music-player

保存进程列表并设置开机自启

1
pm2 save
2
pm2 startup

使用教程#

访客端#

访问 http://IP:3000/ 播放控制：点击歌曲列表中的歌曲开始播放；使用播放/暂停、上一首/下一首、进度条拖拽、音量调节。

歌词显示：当前播放歌曲若有匹配歌词，自动显示并高亮当前行。点击“双语/主译/译”按钮切换显示模式。

快捷键：

Space：播放/暂停

← / →：快退/快进 5 秒

L：切换歌词显示模式

管理端#

http://IP:3000/admin.html

默认管理员密码 admin666

部署后请在server.js中及时修改密码

格式要求#

歌词文件务必为 UTF‑8 编码

部分格式支持自动转码（如 Shift-JIS 等）

音频文件为.mp3格式

文件结构#

1
~/music-player/
2
├── server.js               # 后端
3
├── package.json            # 依赖声明
4
├── playlist.json           # 歌曲列表
5
├── lyrics.json             # 歌词元数据
6
├── songs/                  # 音频文件
7
│   └── ... .mp3/.flac/.m4a
8
├── lyrics/                 # 歌词文件
9
│   └── ... .lrc/.txt
10
└── public/
11
    ├── index.html          # 播放器
12
    └── admin.html          # 管理后台