[开源] 基于 Navidrome 的音乐同步展示到个人网站

[imba97]

效果展示

---

图片加载中效果

---

以及会在文章中展示

---

在本地搭建的 Navidrome ，通过内网穿透让外网访问，个人简介网站调用接口同步上去

具体效果可以跳转 imba97.me 查看（只有正在听歌才会显示！）

除了上面简介页面展示，还一个单独的页面 https://imba97.me/playing

---

来龙去脉

之前写了个展示当前正在播放的音乐的程序，大概长这样

原理图是这样

但 last.fm 要梯子，访问速度慢、不太稳定

最大问题是封面不全，为了获取封面会额外去 itunes 搜索一下，如果都没有只能展示它默认的一个灰色五角星，如果访问者网络没梯子，直接不显示。很繁琐很难受

优化

之后优化了一下，直接对接 Navidrome ，没有中间商赚差价并且封面是自己设置的，100% 可以拿到

因为之前用 Nuxt 写了个个人简介，里面放一些关于我的页面，放上我正在听的音乐，也挺合适。而且 Nuxt 写后端很爽，像实现缓存只需要改几个地方就好了

开源

个人网站：https://github.com/imba97/me

如果有需要后面有空可以单独写个简单的 npm 库，传请求需要的参数，返回以下内容

• 是否播放中
• 音乐名
• 演唱者
• 封面

客户端推荐

虽然没什么关系，但是推荐一下。Navidrome 有不少客户端，这边推荐两个

---

Windows: Feishin

---

Android: Tempo

[Pastech]

看到楼主的推荐后去试了一下 Tempo ，结果在 Android 14 的 Hyper OS 上闪退
话说还有啥好用的 Navidrome 安卓客户端吗（音流已经在用了，整体还不错，但是锁屏后播放体验一般）

[imba97]

@Pastech 可以看一下官网这边推荐的，你可以试试。我之前试了一些，有些我安装不了，只有 Tempo 能安装而且界面还不错

截图： https://pic.imgdb.cn/item/6747ebfed0e0a243d4d85f52.png

官网： https://www.navidrome.org/docs/overview/