feat: implemented new fullscreen player design

[Keviddle]

I would like to propose this solution for the request #2224
I like the mockup/concept @jagrit2u proposed, and took the liberty to give it a shot at implementing this design

• Implemented icon tab navigation in bottom right
• Increased cover art
• Removed unneeded song information

closes #2224, closes #2260, closes #2285, likely closes #2286

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
feishin	Ready	Preview, Comment	Jul 28, 2026 12:41pm

[jagrit2u]

Looks nice!
One small refinement that I didn't include in the issue, opacity slider could control the entire Now Playing area instead of only the section. I've attached screenshots below to show what I mean.

Before:

Without:

With: Improved text readability.

[Keviddle]

@jagrit2u good idea! I take it that its just a mockup again right?
I will have a look at a possible implementation of that later today

[york9675]

I wanted to share one concern about removing the song information from the fullscreen player.

The larger title, artist, and album text under the cover art makes it much easier to identify the currently playing song at a glance. The customizable track metadata is also useful for users who want to see details such as the release year, format, or something else they’ve chosen to display.

With both sections removed, the only remaining song information is in the small control bar at the bottom, which is much less visible in fullscreen mode.

Could this be made optional instead? A toggle to show or hide the title/artist/album and track metadata would allow users to choose between a cleaner layout and a more informative one.

[jagrit2u]

@Keviddle Yep, just another mockup.

@york9675 I agree, this could be optional. Track title, artist, album, etc. could be added to the Player Items configuration in Settings (where codec, year, etc. are already configurable, but title, artist, and album aren't since they've always been visible). If no metadata items are selected, the artwork could use full available space. As metadata items are enabled, the artwork could scale down accordingly to make room for them.

[jeffvli]

Also agree with adding back configurable metadata items.
You can use the existing drag/drop settings component to add those.

also misclicked the close pull request button instead of the comment button, oops

[Keviddle]

Soooo... I finally had the time to implement the suggested changes

• Metadata is now toggleable and uses the old drag/drop settings
• Metadata design is the same as beforehand but aligned to the left (looks better in my opinion but feel free to argue differently)
• Drag/Drop settings are now available in the popup settings menu of the fullscreen player
• Blur affects the whole background now. New default value is 25
• I aligned the top left buttons to match the style of the bottom right buttons

[jagrit2u]

• Instead of a separate "Show song info" toggle, it might be better to add Title, Artists, and Album inside Player item configuration alongside other configurable items. This removes an extra toggle and lets user choose exactly what to display (e.g. Title only, or Title + Artists). Cover art could automatically scale based on how many items are enabled.

• I think metadata looked better when centered.

• Having lyrics end at the line I marked would align them with the bottom of Queue and Related tabs. Also, active lyric line is a bit off-center relative to album art.

[Keviddle]

Next round of updates

• Added a config for metadata placement (left, center, right). Center is the default value
• Metadata will stay in the confines of the image itself, when large enough. When space becomes too small, then the metadata uses up the remaining space
• Added option for scrolling or multi-line titles. Multi-line with 3 rows is the default ([Feature]: Text Wrapping in the fullscreen player #2260)
• Fixed button for visualizer. Button also returns to the correct starting place now
• Changed player buttons to outline buttons
• Added option to deactivate the expand button ([Feature]: Cover art animation on hover #2285)
• Added animation for cover art ([Feature]: Cover art animation on hover #2285)

[jagrit2u]

• Layout feels visually heavy now, larger cover art and tighter spacing make the Now Playing screen feel more crowded.

I think something closer to this would have better visual balance.
With metadata:

or slightly larger.
Without:

• Now that album art expands on hover, Toggle Fullscreen Player tip can be removed.

• The hover area extends beyond album art. The animation triggers before reaching it, but clicking there doesn't open Now Playing.

• Now that the button returns to starting place, Now Playing screen no longer needs to swipe down and back up during visualizer expand/collapse.

[Keviddle]

Gave it another shot at allowing max customization to accomodate to all feature requests.
The current changes are:

• Option to configure size of the art cover. Defaults to medium
• Fixed unsynced lyrics design
• Fixed a bug with the scrolling title
• Fixed hover trigger point for album cover in player bar

[jagrit2u]

• I think refining the default would be better than adding another option. Large already feels good, just reduce the height of tab section slightly so there's a bit more space above tab buttons.
  If possible, a subtle top and bottom fade on the Up next, Related would be a nice touch.

• Center the cover art within the left half and tabs within the right half. It's slightly off-center now.

[Keviddle]

Next small update

• Centered the image in its container correctly
• Added fade effect to the play next and similar songs table. Only at the bottom while header is shown, bottom and top if header isn't visible
• Tooltip delay for fullscreen player is slightly larger

I decided to not remove the tooltip for the fullscreen player and instead just increase the show delay slightly because all in all I think the tooltip serves a valid purpose. There may be people who do not know that the cover art has a function/serves as a button. Therefore only increasing the image is not a sufficient hint in my opinion. Especially while keeping in mind that even buttons with rather obvious or globally accepted icons, like the play button, have a tooltip. But I did increase the tooltip show delay to the default amount for other tooltips as well. The show delay now is in line with other buttons used throughout the fullscreen player

For the second point, I agree that the default should try to get as close as possible to be a default that suffices for most people. But I would argue to still include the setting to choose between small, medium and large for the cover art. We are already looking at an application that offers a maximum number of customization options. If we compare the number of options we have to customize how the lyrics looks like or how the play next table is structured, then we still have a lot of leeway on the number of settings that we could provide for the metadata :D And including for example #2286 in this change, then it seems like there is a need for some for an even bigger album art.

But of course there are just my two cents towards that topic :) I am open to other arguments or discussions

[jagrit2u]

• Since we're keeping size setting, I think Small is a bit too small. What about:
  Small = current Medium
  Medium = current Large
  and Large = actual Large

• Fade effect on Up Next and Related covers too much of the first and last items.

Something closer to this would work better, in my opinion.

• Since lyrics are no longer inside a card, I don't think the left/right padding setting is needed anymore.

• Since the image is now centered in its container, could the tabs also be centered within their half? They're slightly off-center to the right.

• Make album art hover animation just a little faster.

• Keep fullscreen player tooltip delay consistent with other tooltips.

• Instead of Small, Medium, and Large, can we have a slider?

• Large crops the sides of the album art. I edited a mockup with slightly smaller size. It could use more vertical space on wider screens and automatically reduce its height when space is limited.

[jagrit2u]

output.mp4

Only album art view is good to have. Designed this where clicking active tab icon brings album art front and center, with or without metadata as configured.