Navidrome: (re)design the current played song UI

[guim31]

I don't know if this is possible for you, but it would be great if we could get something like the big circle shown on small portrait screens ?
I often listen to music from a Rpi with the official 7" touchscreen display, I access the webUI and everything is ok.
But I would love to have bigger multimedia controls (play/pause, ffw/fbw, rating,...) and a view of the album art corresponding.

[deluan]

I don't think this is possible in the current upstream React Player... I'm about to open some issues in that project, so I'll add a feature request for this

[guim31]

Ok I understand.

Little question as I just saw the React Player github, is it a choice of yours to disabled the "close" button ont the right ?
Would it be possible / interesting to show it or at least give the option to use it or not ? (I like to close the player when I'm done listening music)

(and again, thanks a lot for all your work, maybe I'm boring with all my questions / requests... but it's because I use your product a lot !)

[deluan]

The "Close" button actually destroys the React component, and I could not find a simple way to "recreate" it afterwards. If you want to get rid of the player, you can use the _trash_ icon in the Play Queue, and it will get hidden:

[guim31]

Oh ok ! Thanks for the tip ;)

[deluan]

Hey @guim31, I was able to add the "Close" button (27adb84177c9d0ccc8503142d5629a40cff53705), will be part of the next release. Thanks for the suggestion, it made me revisit this and find a solution :)

[deluan]

Ops, closed by mistake! This will be possible when https://github.com/lijinke666/react-music-player/issues/166 from the upstream React Player project is done

[deluan]

Hey @guim31, is this what you were looking for (from https://github.com/lijinke666/react-music-player/issues/166)?

I still have to figure out a way to enable this in Navidrome, but at least it is not blocked anymore :)

[guim31]

Yes it is !!!
That's cool, I would love to use a solid background instead of the transparency one (or set the transparency to something darker), but the idea is this one, hope you can test it soon :)
Thanks for the message !