不太想放很多最近播放在这里,所以就只放在这里一个广播吧。放了十二首最近播放,因为感觉这样比较好玩?另外请使用最新的玩具无限音乐。
用了 last.fm 的 api, 本来想加上 listenbrainz 的,因为它有 APP 可以知道手机上播放的是什么,但是实在同步太慢了所以算了。用 Pano Scrobbler就好了。另外有些音乐 last.fm 没有专辑图片,岂不是很难看吗。我还没有想到好的办法。
这些卡片的专辑图片渐变效果是同样位置加载一个图片,然后把之前预先的那个图片透明度 0.2s 到透明,然后给新的加载的图片一个 z-index 这样就可以保证 hover 仍然触发。
export function NowPlaying(props: NowPlayingProps) {
const [data, setData] = createSignal<NowPlayingData | null>(null);
onMount(() => {
fetch("/api/lastfm")
.then((r) => (r.ok ? r.json() : null))
.then((d) => d && setData(d))
.catch(() => {});
});
// ...
}