效果展示


图片加载中效果


以及会在文章中展示


在本地搭建的 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

举报· 103 次点击
登录 注册 站外分享
快来抢沙发
0 条回复  
返回顶部