fast4x / RiMusic

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

[Feature]: Blurred background #1834

Closed aneesh1122 closed 5 months ago

aneesh1122 commented 5 months ago

Description

Something like this

player

and here's the lyrics page LYRICS

Suggested Solution

1) Player -take the album cover, stretch it to screen's ratio, blur it. -put a stroke and outer glow around Album's cover

2) Lyrics -put gradient blur to lyrics -add a small glow to the active lyrics part

Alternatives

No response

Additional Context

No response

dAtA-TRoN commented 5 months ago

Mr. Fast4x, could you please make this a reality? I understand you may have turned down this idea before, but now that we have ample options for personalizing our player, this addition would complete the puzzle 🙏🏻.

It looks fresh, you have to admit.

AquamarineDreams commented 5 months ago

I would like this if you could enable it only at the lyrics, like yt music.

JeePopuwu commented 5 months ago

I would love to see something like that, I have something similar on my lock screen lol.

Screenshot_2024-05-11-10-50-16-520_lockscreen

aneesh1122 commented 5 months ago

I would love to see something like that, I have something similar on my lock screen lol.

Screenshot_2024-05-11-10-50-16-520_lockscreen

You have the screenshot of a song playing in apple music as your lockscreen?

JeePopuwu commented 5 months ago

Me encantaría ver algo así, tengo algo similar en mi pantalla de bloqueo jajaja. Captura de pantalla_2024-05-11-10-50-16-520_lockscreen

¿Tienes la captura de pantalla de una canción que se reproduce en Apple Music como pantalla de bloqueo?

No, what I have is that I have the lock screen configured so that when I touch its icon, it enlarges.

Like iOS, it's because of a Xiaomi theme.

Screenshot_2024-05-11-11-19-47-104_lockscreen

aneesh1122 commented 5 months ago

Me encantaría ver algo así, tengo algo similar en mi pantalla de bloqueo jajaja. Captura de pantalla_2024-05-11-10-50-16-520_lockscreen

¿Tienes la captura de pantalla de una canción que se reproduce en Apple Music como pantalla de bloqueo?

No, what I have is that I have the lock screen configured so that when I touch its icon, it enlarges.

Like iOS, it's because of a Xiaomi theme.

Screenshot_2024-05-11-11-19-47-104_lockscreen

I don't understand. I need a video 😅

JeePopuwu commented 5 months ago

Me encantaría ver algo así, tengo algo similar en mi pantalla de bloqueo jajaja. Captura de pantalla_2024-05-11-10-50-16-520_lockscreen

¿Tienes la captura de pantalla de una canción que se reproduce en Apple Music como pantalla de bloqueo?

No, lo que tengo es que tengo configurada la pantalla de bloqueo para que al tocar su icono se agrande. Al igual que iOS, se debe a un tema de Xiaomi. Captura de pantalla_2024-05-11-11-19-47-104_lockscreen

No entiendo. Necesito un vídeo 😅

Basically, I just touched the cover and it switches to full screen, it's very useful and quite aesthetic.

https://github.com/fast4x/RiMusic/assets/159836335/1b1922e1-ecd9-46dd-a12f-cb4af6dcfbbb

aneesh1122 commented 5 months ago

Me encantaría ver algo así, tengo algo similar en mi pantalla de bloqueo jajaja. Captura de pantalla_2024-05-11-10-50-16-520_lockscreen

¿Tienes la captura de pantalla de una canción que se reproduce en Apple Music como pantalla de bloqueo?

No, lo que tengo es que tengo configurada la pantalla de bloqueo para que al tocar su icono se agrande. Al igual que iOS, se debe a un tema de Xiaomi. Captura de pantalla_2024-05-11-11-19-47-104_lockscreen

No entiendo. Necesito un vídeo 😅

Basically, I just touched the cover and it switches to full screen, it's very useful and quite aesthetic.

https://github.com/fast4x/RiMusic/assets/159836335/1b1922e1-ecd9-46dd-a12f-cb4af6dcfbbb

I've been using xiaomi mobile for almost 3 years and I didn't know you could customize the lock screen.

What theme are you using? I just found kittyUI v4. You're looking very different

JeePopuwu commented 5 months ago

Unfortunately, the blocking issue I had has already been deleted.

Screenshot_2024-05-11-14-30-40-473_com android thememanager

fast4x commented 5 months ago

Screenshot_20240516_090610

aneesh1122 commented 5 months ago

Screenshot_20240516_090610

okay, first of all. Nice work there around control buttons. That shadow effect around them looks great.

Wish you had done the same to album cover too. . . 2024-05-16 13_22_38-331084039-f2b55e87-f55c-4398-b1ee-456a2f53bbea png ‎- Photos See, this have irregular spreading shadow around them

2024-05-16 13_22_56-331084039-f2b55e87-f55c-4398-b1ee-456a2f53bbea png ‎- Photos whereas the shadow around the cover is uniform.

Now, the background in your preview is a simple shade of uniform pink. I suggested to use the cover image, blur it and then use that as background.

fast4x commented 5 months ago

Done

https://github.com/fast4x/RiMusic/assets/1484476/3567ac7c-e7a6-4362-89ce-9c533697752a

fast4x commented 5 months ago

Improved player and background mode, available from version 0.6.35

aneesh1122 commented 5 months ago

Done

Screen_recording_20240516_104558.mp4

Pls see this. Pls do something like this. Please use album cover and blur it and use it as background arewgaer

fast4x commented 5 months ago

Nice but actually blur isn't compatible with all devices, wait

aneesh1122 commented 5 months ago

Nice but actually blur isn't compatible with all devices, wait

Well, they can always use other backgrounds 😅

fast4x commented 5 months ago

I think we have... found solution for all devices... yeah!

https://github.com/fast4x/RiMusic/assets/1484476/66fa5e30-0301-4dae-ad8f-78261278c534

aneesh1122 commented 5 months ago

I think we have... found solution for all devices... yeah!

https://github.com/fast4x/RiMusic/assets/1484476/66fa5e30-0301-4dae-ad8f-78261278c534

Damn... you're definitely living up to your name. You work fast 4x times 😂😂

I don't use light theme and Android navigation bar so I want to see how it looks myself but thanks dude.

When will you release the new update? Saturday right?

fast4x commented 5 months ago

Friday

AquamarineDreams commented 5 months ago

@fast4x Is this the same as #1843?

aneesh1122 commented 5 months ago

@fast4x Is this the same as #1843?

Entirely different things.

Here the cover is blurred and used.

There a moving gradient is made using colors from the album.

fast4x commented 5 months ago

@fast4x Is this the same as #1843?

Entirely different things.

Here the cover is blurred and used.

There a moving gradient is made using colors from the album.

It's just all implemented

Screenshot_20240516_165947

AquamarineDreams commented 5 months ago

Ok, got it 🙃

aneesh1122 commented 5 months ago

Hey @fast4x , Saw this in an another issue so I thought of pointing it out since you'll publish the new update so if it's easy fix you can do it before you publish.

vlcsnap-2024-05-17-12h36m15s926

NikunjKhangwal commented 5 months ago

No, what I have is that I have the lock screen configured so that when I touch its icon, it enlarges.

Like iOS, it's because of a Xiaomi theme.

Screenshot_2024-05-11-11-19-47-104_lockscreen

What themes and components are you using? Need names of all of them.

aneesh1122 commented 5 months ago

No, what I have is that I have the lock screen configured so that when I touch its icon, it enlarges.

Like iOS, it's because of a Xiaomi theme.

Screenshot_2024-05-11-11-19-47-104_lockscreen

What themes and components are you using? Need names of all of them.

Haiperios

NikunjKhangwal commented 5 months ago

Haiperios

Thanks

NikunjKhangwal commented 5 months ago

The cover art doesn't appear for me. Are you using stock Mi music player?

aneesh1122 commented 5 months ago

The cover art doesn't appear for me. Are you using stock Mi music player?

well...I didn't have to do anything. It appeared just like that.

NikunjKhangwal commented 5 months ago

Ok. I'm on ancient device so that might be the case. But either way it'll be helpful later.