Jump to content

Can this app colorpick from the album art?


Pila19

Recommended Posts

I've used a lot of music apps but the ones I stuck around with, had an option to pick background color, button colors from the album artwork and it always looked very interesting. If the app doesn't have this feature, tell me and I'll post it in requests

Link to comment
Share on other sites

@Pila19 what UI elements do you want to colorize this way? Please note that Poweramp main screen (big cover and buttons) is the same list from the library as any other, so these colors somehow should continue in lists or they should animate to default. Also background is already a blurred saturated image based on cover, so buttons and text generally can’t be the same colors.

Link to comment
Share on other sites

3 hours ago, maxmp said:

@Pila19 what UI elements do you want to colorize this way? Please note that Poweramp main screen (big cover and buttons) is the same list from the library as any other, so these colors somehow should continue in lists or they should animate to default. Also background is already a blurred saturated image based on cover, so buttons and text generally can’t be the same colors.

I could give an example. There's a pretty good music player app in development rn called Retro music player, it's open source. You can select whether you want a just blurred background or color picking and this app does it the best.

Screenshot_20220115-144344.png

Screenshot_20220115-144807.png

Screenshot_20220115-144913.png

Link to comment
Share on other sites

25 minutes ago, Pila19 said:

You can select whether you want a just blurred background or color picking

That does sound like a good option. I like a fairly subtle burr, but without dynamic colour picking for the text and icons the readability can be a bit variable.

Andre

Link to comment
Share on other sites

4 hours ago, maxmp said:

@Pila19 what UI elements do you want to colorize this way? Please note that Poweramp main screen (big cover and buttons) is the same list from the library as any other, so these colors somehow should continue in lists or they should animate to default. Also background is already a blurred saturated image based on cover, so buttons and text generally can’t be the same colors.

I think it would actually be super cool if the whole app got colored based on the playing song, almost like a personalized theme.  Perhaps skins can use the chosen colours as accents as well if they like, and if the feature is developed such that the colour can be updated live (such as if the song changes or pauses) I don't assume it would be difficult to provide a global option to revert those colours to default when not in the "now playing" view, regardless of the skin being used.

Link to comment
Share on other sites

To expand, here is how I can imagine this working with the default themes:

For a given songs art, we choose a "light" colour (similar to what Retro Music Player chooses for text) and a "dark" colour (similar to what Retro Music Player chooses for the background.). If the user is using the dark theme, we use the dark colour as the background, and the light colour for text, icons, etc.  If the user is using the light theme, swap them.  This allows for day/night flipping alongside this option.

For 3rd party skins, we could just provide these dark and light colours as variables and let the developer use them as they wish.

When the song changes the colours smoothly fade into the next song's colours.  No matter where you are in the UI.

If music pauses, fade back to the standard dark grey/white.

If the user chooses so, fade back to the standard dark grey/white whenever the user exits the "now playing" view.

I'm not sure how easy it is for colours to fade this way in the current implementation of Poweramp's theming engine, but I think it would be really sweet addition if implementated this way.

Link to comment
Share on other sites

1 hour ago, superluig164 said:

When the song changes the colours smoothly fade into the next song's colours.  No matter where you are in the UI.

If music pauses, fade back to the standard dark grey/white.

 

Hey this is a really good idea.

Link to comment
Share on other sites

 

On 1/15/2022 at 7:49 AM, superluig164 said:

I think it would actually be super cool if the whole app got colored based on the playing song, almost like a personalized theme.  Perhaps skins can use the chosen colours as accents as well if they like, and if the feature is developed such that the colour can be updated live (such as if the song changes or pauses) I don't assume it would be difficult to provide a global option to revert those colours to default when not in the "now playing" view, regardless of the skin being used.

This is literally the only thing at the moment that I think Poweramp really is missing. It doesn't even have to be as extravagant as this. A simple change of the button colours and wave seek or progress bar is all that's needed. It already does a good job at giving an accurate background based on the album art. As @Pila19 showed, Retro Player (and Blackplayer I might add) have very good UI colour adaptation based on album art. They usually find the least bright colour to make the background and a bright our otherwise outstanding colour for both the text and, player controls buttons and progress bar. The first two images are examples of the Retro Player UI now playing screen and the third as an example of Black Player's album screen. All have found amicable way to use the album art colours to enhance the look and feel of the UI

 

 

Poweramp1.thumb.jpg.7fcf618fe035fba32d16d81ea2fcbccb.jpgPoweramp2.thumb.jpg.9210edd4b40ee0549c6b5737149468ce.jpgPoweramp3.thumb.jpg.ae68001f0dda1275f8d79aba9d7913a8.jpg

Link to comment
Share on other sites

@Pila19 buttons (and other non-track elements) can be probably colorized that way. But you may be noticed Poweramp does transitions from the main screen to list and back (actually it’s the same list and same items transform). I guess you expect text colors animated to default (e.g. white) and back?

(Sometime ago I tried that approach, and provided there is a background transition as well, these color animation didn’t look great - too many elements do a color change, but it may work for skins which remove blurred background).

Link to comment
Share on other sites

I've made a very crude mockup of how it might look.  Obviously there would be more variation in the colours for different elements, but I did this in like 30 seconds with the paint bucket tool, and admittedly this album art doesn't have the greatest colour choice.  However, the concept is there.  I think the background in the light theme would need to be made significantly less saturated than you can get away with in the dark theme.  

 

Screenshot_20220119-001948_Poweramp.thumb.png.561e45868b4588f980d539aa4178b7b6.pngScreenshot_20220119-001944_Poweramp.thumb.png.0256303de34cc1dc660ad863e1c742f0.pngScreenshot_20220119-001925_Poweramp.thumb.png.aeb721cba366e427d8c5f67b266b7cb1.pngScreenshot_20220119-001919_Poweramp.thumb.png.58b53a2f78796e332d8afabbba3eb99c.png

Link to comment
Share on other sites

I would agree that adjusting the colours of the control/text items based on the cover art while viewing the player screen would be a nice idea, but definitely not in the plain-background category list screens. For one thing everything would suddenly change for no apparent reason if playback continued while you were browsing. And without the cover image being prominent, any changes would be meaningless.

Andre

Link to comment
Share on other sites

@superluig164 I really can't see any point in the primary item colours changing at all on a screen when the cover image is not present (or at least not the main focus). Might just as well change in the Settings screen too.

If they were to change in lists, the choices would need to match with the header image at the top of the list, not the currently-playing artwork, but even then I think it's mostly pointless as that image scrolls off the screen as soon as you move around the list. 

Andre

Link to comment
Share on other sites

  • 3 weeks later...

That would be super cool, I think I remember the legacy Poweramp had an option to set the player screen background to a solid color based on the album art, and you could change the brightness. I use the Luminous Dark skin and I sometimes just go through different songs with different album art pictures and manually change the skin accent color to match that, lol

I do prefer to change the accent color while keeping the background black/dark, but changing both would be very nice. For the background, on the player screen only would be enough, while the accent color could be global. Something like the colored notifications we have since Android 8 I guess? Which sets the notification background and the other elements to solid colors matching the album art.

Though I'm talking about a custom skin there, I take that it would need the player to support that in the first place.

Screenshot_20220206-104723.png

Screenshot_20220206-103734.png

Screenshot_20220206-103858.png

Screenshot_20220206-103953.png

Edited by ScarletNeko
Added the images
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...