In the fullscreen player use dynamic resolution for the main image

[TacoCake]

With the current behaviour, the full screen player main cover art is always at 500×500. On smaller screens this looks fine, but on higher resolution screens, it can be too blurry.

Now, instead of hard-coding a value, the client will fetch the ideal size depending on the client's display resolution. So higher resolution clients, can fetch prettier pictures, and lower resolution clients save on bandwidth.

I've tested this on Firefox, compiled with docker.

Technical stuff

• To allow for more cache hits, it gets image sizes in multiples of 100, preferring the next highest one
  (Ex: 155px -> 200px)
• To minimize the issue of it loading the image twice, the first time it loads the image as 1×1, before figuring out the right size. (I haven't found a cleaner solution, feel free to change it if you find a better one)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
feishin	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 17, 2023 1:00pm

[jeffvli]

Looks good, thanks!

Only issue I can think of is that it does not dynamically re-check the size when the window or application is resized (but it's not a big deal in my opinion).