多格式播放，歌单自由管理，自定义美化！NAS 部署在线音乐播放

「NAS、键盘、路由器······年轻就要多折腾，我是爱折腾的熊猫—多面手博主！咱主打的就是一个 “技能不压身，干货不掺水”」

引言

音乐播放器相信大家都非常熟悉了，今天要介绍的是一款在线音乐播放器，内容其实并不多，因为项目本身就只是为了追求简洁而来的，在功能上不要想着有多好，且并不支持直接搜索全网资源，还是需要有本地资源或者将资源存入Github去调用。

项目预览界面

项目的开源地址为：https://github.com/smk6667/music，项目有以下特性：

• 「在线音乐播放」 - 支持多种音频格式

• 「歌单管理」 - 添加、删除、搜索歌曲

• 「MV 播放」 - 支持为歌曲添加MV链接

• 「歌单导入」 - 支持从GitHub仓库API导入歌单

• 「美化设置」 - 自定义字体、背景图片

• 「响应式设计」 - 完美适配移动端和桌面端

项目部署

项目并没有提供Docker镜像，所以需要我们自行下载下来进行镜像打包，不过熊猫已经打包好了镜像，感兴趣的可以直接用熊猫打包好的镜像，镜像名被存在ghcr.io上，镜像拉取地址为ghcr.io/panda-995/music-music:latest。

镜像地址

其中项目涉及到一些环境变量，在部署时可选择先行填写或者部署之后在设置界面进行填写。

环境变量

拉取镜像之后需要我们暴露端口3000，容器端口随意了，映射文件夹这里需要映射/app/public/music本地音乐文件夹、/app/public/covers音乐封面文件夹以及/app/public/images背景图片文件夹，不过也可以选择只映射第一个本地音乐。

image.png

文件夹映射之后我们就可以通过端口打开项目界面了，默认背景下应该是这样的。

默认

项目体验

项目的界面很干净明了，顶部为当前歌曲，在组件中还有上一曲、下一曲、暂停以及音量控制等等，当前播放的下面则是搜索框，再往下就是我们的音乐列表了。

设置界面

再设置界面中可以针对前面提到的环境变量进行后设置，也能上传本地音乐，同时支持音乐缓存处理，所有配置保存在本地web中，而非项目容器中。

预览界面

总结

作者虽说提供了API开发，但讲道理API的维护才是个麻烦事儿，现在套壳一个项目非常简单，直接喂给AI多练一下就行了，但各大音乐网站的API基本上一个月更新一次，很难做到随时有效。

以上便是本次分享的全部内容了，如果你觉得还算有趣或者对你有所帮助，不妨点赞收藏，最后也希望能得到你的关注，咱们下期见！

尾图

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～