写了个简单的页面,分享此时此刻在听的歌

9 天前
 imba97

演示

页面是 https://test.imba97.cn/playing

因为是个网页,所以还可以通过 iframe 分享到各处

原理

最近发了篇博客文章:《自建音乐服务 Navidrome 》,里面提到可以使用 last.fm 来保存听歌历史

通过这个网站的接口可以拿到播放列表,根据听歌的先后顺序,也有当前是否正在播放的字段

后端

Chat GPTPHP 写了个程序,功能就是简单的请求接口、10 秒数据缓存

因为 last.fm 接口给的图片国内没法访问,所以图片优先获取 itunes 上的,如果都没图,保底还会有个 icon

前端

用 Vue 简单写了个前端,10 秒轮询调接口获取最新数据

可以展示加载中、当前未听歌、当前正在听歌状态

用了 UnoCSS ,永远的神!

开源

Github: imba97/playing-music

1629 次点击
所在节点    分享创造
13 条回复
itskingname
9 天前
那都好,就是不该用 php 。
imba97
9 天前
@itskingname 随便写的,主要是我这边用 PHP 最方便,传到服务器就能跑
Raikiriww
9 天前
为什么要听春日影!
jianyestudy
9 天前
@itskingname 不敢苟同
cheung
9 天前
PHP 是……
itskingname
9 天前
@jianyestudy 我发现一个非常好的项目,一看它的语言竟然是 php 或者 java 。那就是垃圾项目。
imba97
9 天前
@Raikiriww 大祥老师别破防
imba97
9 天前
@itskingname 太强了,加油保持
kiduu
9 天前
@itskingname 阁下未免也太魔怔了,用语言区分项目的好坏。小孩子吗
rjomg
9 天前
@kiduu
其实很多时候成年人才会这么魔怔
毕竟种话一般来自于"个人经验"
imba97
9 天前
@rjomg 确实,见证了太多的世界多样性之后再看到都毫无波澜了
ajan
6 天前
10 年前流行过...
imba97
6 天前
@ajan 10 年前我刚入坑

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1051442

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX