3 devlogs
13h 9m 33s
A web service thingy to pull the song i’m listening to from ListenBrainz to put on my website
Shipped this project!
My website has a thing that pulls my currently playing song from ListenBrainz. I didn’t want to hammer them with web requests every time someone loaded a page so I made this to run on the server to make those requests instead. And then I decided to make a nice little debugging page to make sure everything is working and…
So now its a dedicated website to what I’m listening to! It tries to get the right album art, has a bunch of cool animations and stuff. I think it’s nice to look at. Honestly the main challenge is that some of the APIs are slow. I may need to write a proxy for those, too… :D but that’s for my next ship probably
I got really into doing animations for this huh…
since my last devlog, I…
- grabbed data live using SignalR, updating the current song but also updating any listens if they change (i sometimes go in and fix broken ones)
- made the listen list update when there’s a new listen
- added a ton of animations. there’s ones for listens being added, text being changed, the cover art loading
- changed the backgroudn from blurred cover art to getting the prominent colours of the cover art (using an npm library called color.js) and setting a bunch of rectangles to those colours, mimicking Apple Music basically. change the colour each rectangle gets assigned to and it looks like its moving!! i like how it looks when the colours change
- fixed some reliability issues with getting the right cover art, but sometimes it takes ages im not sure what i can do about that without proxying musicbrainz and adding 3 million hours to my project..
- changed the font
- prepared it for shipping!
i’ve shown some of these off in the attached video
so!! it’s ready to ship. yippie!!
0
Log in to leave a comment
Made the page a little bit nicer to look at.. now I need to make it push data to clients live lol
(i love SCSS)
0
Log in to leave a comment
I wasn’t initially going to put this in flavortown so I didn’t make any devlogs for reading data from listenbrainz ;-;
AAnyway, I made it pull data from my ListenBrainz profile to get my recent listens and what I’m currently listening to. It grabs extra data from MusicBrainz (i.e. the cover art) and exposes that over an API. I made a little webpage to show this off but… it needs some styling work lol
0
Log in to leave a comment