fast4x / RiMusic

A multilingual Android application for streaming music from YouTube Music.
https://rimusic.xyz
GNU General Public License v3.0
2.4k stars 123 forks source link

[Feature]: Multiple colors in fluid background #2074

Open aneesh1122 opened 5 months ago

aneesh1122 commented 5 months ago

Description

kmpalette is made in kotlin and can extract many colors from an image.

Right now fluid background uses only one color. Fluid background will look great if multiple colors are used.

This is what it can do

ios-demo

Suggested Solution

you can get something like this

https://github.com/fast4x/RiMusic/assets/45353488/c0128412-1c09-4d28-9be7-005af4177ab3

The app is SaltPlayer

Alternatives

No response

Additional Context

No response

AquamarineDreams commented 5 months ago

Related to #1878

fast4x commented 5 months ago

Colors used are:

  1. dominant from image
  2. background3 from theme (you can select in custom colors theme)
  3. accent from theme

you would use only colors from image?

AquamarineDreams commented 5 months ago

Colors used are:

1. dominant from image

2. background3 from theme (you can select in custom colors theme)

3. accent from theme

you would use only colors from image?

I mean, if I choose gradient/fluid gradient from cover, would be nice to have multiple colors from the cover.

aneesh1122 commented 5 months ago

Colors used are:

  1. dominant from image
  2. background3 from theme (you can select in custom colors theme)
  3. accent from theme

you would use only colors from image?

when you choose 'Dynamic' theme then every color should come from the image. So above 3 colors should always be extracted from album cover.

fast4x commented 5 months ago

i can add all colors

aneesh1122 commented 5 months ago

i can add all colors

how many colors can you add in fluid gradient? Is 3 possible?

fast4x commented 5 months ago

i can add all colors

how many colors can you add in fluid gradient? Is 3 possible?

I think I can add all the colors of the universe hahahah joke obviously

aneesh1122 commented 5 months ago

i can add all colors

how many colors can you add in fluid gradient? Is 3 possible?

I think I can add all the colors of the universe hahahah joke obviously

Then please extract as many colors as possible from the album cover and use it. you have 10 colors in RiMusic. Please map the colors as you want. kmpalette gives you at most 7 colors. Every 7 colors will not be available everytime so code accordingly.

right now "Fluid gradient from cover" uses only 3 colors to form gradient

1) Dominant from image 2) Background 2 3) Background 3

fast4x commented 5 months ago

ok will be done

aneesh1122 commented 5 months ago

ok will be done

Thanks man

JeePopuwu commented 5 months ago

and I'm waiting for my little hearts and progress bars x,D. Be careful, I love that they are implementing so many things and fixing the Bugs.

fast4x commented 5 months ago

and I'm waiting for my little hearts and progress bars x,D. Be careful, I love that they are implementing so many things and fixing the Bugs.

ticket number?

JeePopuwu commented 5 months ago

y estoy esperando mis corazoncitos y barras de progreso x,D. Ojo, me encanta que estén implementando tantas cosas y arreglando los errores.

¿numero de ticket?

1624

aneesh1122 commented 5 months ago

@fast4x

I got some new ideas. Please try if it's possible

1) when "fluid gradient background from cover" is chosen, take all the colors you'll get from kmpalette(max 7 colors, min 3 colors) and make fluid gradient using all the colors. It will not look messy because one color will be similar to another color anyways.

2) take colors for the dynamic theme like this

Like if Vibrant is not available then select Dark vibrant or else select Light Vibrant.

I think this implementation will look good.

Sorry for being late and if you have already started working on it.

Rest of the colors can be different shades of Background 1 and Background 3.

aneesh1122 commented 5 months ago

Tried to replicate the different colors from album in fluid gradient using custom theme

https://github.com/fast4x/RiMusic/assets/45353488/f9f304cf-357b-41ff-a081-0d78ca11b085

IMG_20240602_125126.jpg

Changed Background 2,3 and color accent