#**Android Media Player**
1 messages ยท Page 1 of 1 (latest)
anyone know how to make it minimize when not in focus? Like the one in the better spotify player
send a link to the better spotify player that u mean
add this to ur quick css
/* minimise spotify player, expand on hover */
#vc-spotify-player {
height: 50px;
transition: height 0.4s ease-out;
overflow: hidden;
#vc-spotify-progress-bar,
.vc-spotify-button-row {
opacity: 0;
transition: opacity 0.4s ease-out;
}
&:hover {
height: 115px;
#vc-spotify-progress-bar,
.vc-spotify-button-row {
opacity: 1;
}
}
}
sperm player ๐ฃ๏ธ๐ฃ๏ธ๐ฅ๐ฅ๐ฅ
nice
Is it just me, or is this snippet making your Discord lag? Mostly when typing a message it just lags a lot for me.
I already removed all CSS snippets I had, nailed it down to this one.
I'm running Vesktop.
doesnt lag for me
fix what?
u want the corners to be sharper?
to do this do:
#vc-spotify-player::before,
#vc-spotify-player::after {
border-radius: 0 !important;
}
an interesting idea would also be to just move the player a little bit down, so the bottom corners won't show as much (or at all)
the idea was to mimic the android player which has the rounded corners
yes, but there the entire UI is rounded, so everything is somewhat harmonic with eachother, discord isn't the same, so it would make sense to compromise a little
i'd actually do it myself but idk css too well ๐
thats a good point actually, sorry
i j updated it
honestly this snippet is really interesting, an "android themed" discord theme, i wonder how that would look...
also, thanks again
is there a way to disable the progress bar wave animation?
or rather just making it flat
Trying to do at least one of these but I have no clue why it's not working
@import has to be at the top of the file
i will show u how to do this when i have time
That seemed to fix it thank you but I still have the issue of the player not changing background colours
background-color: #FFF !important;
take your time 
add to ur quick css
#vc-spotify-progress-bar [class^=slider_] [class^=bar_] [class^=barFill_] {
background-color: white !important;
&::after {
display: none;
}
}
i have no idea what i did here but hey, it looks alright-ish...
i just wish it was on top of all the other pannels, but besides that, everything looks okay
thanks
Looks like it doesn't like songs with a lot of artists
can u send a link to the song and i'll have a look when im home
https://open.spotify.com/track/4TTV7EcfroSLWzXRY6gLv6
I solved it for myself using
#vc-spotify-titles > div:nth-child(2) {
max-height: 2.5rem;
}
added it!
ou liana flores screenshots nice
love liana her music is amazing
also fun fact im friends with her :3
any way to make the shuffle/repeat button color stay white even when activated instead of turning into green?
i just wrote this on my phone so lmk if it works or not. just copy paste it in ur quick css
/* make shuffle and repeat buttons always white */
#vc-spotify-player .vc-spotify-button:is([class*=repeat], [class*=shuffle]) {
color: white !important;
&::after {
background-color: white !important;
}
}
yes it working but after putting it in i just realised white isn't the color i want but something closer to white. so i changed the rgb value in the css you gave but it seems like this color is always persistant even if i haven't enabled shuffle/repeat and only the small dot can tell me if I've enabled those or not. I'd like it if i could keep it white on disabled and other color of my choosing on enabled.
color: white !important; changes the color on disabled state as well and background-color: white !important; changes color of the dot only
also can i bring back on album name? there's a lot of space between the progress bar and artist name. i just think bringing back album name would make it a little bit more compact and nicer
/* make shuffle and repeat buttons always white */
#vc-spotify-player .vc-spotify-button:is([class*=repeat], [class*=shuffle]) {
&:not([class*=off]) {
color: white !important;
&::after {
background-color: white !important;
}
}
}
/* unhide album title */
#vc-spotify-titles .vc-spotify-ellipoverflow:has(> #vc-spotify-album-title) {
display: block !important;
}
not sure if block is the default value but u can open dev tools to check
both are working thanks.
but the fonts on album name is as big as song title. i wanna change it to the size of artist name
#vc-spotify-album-title { font-size: 12px !important; }
perfect! thanks a lot
you're welcome :)
sorry to bother you again. is there a way to limit album name to a single line like you did for song name but make it 1 line instead of 2 lines? when there's 2 lines of album name the song title gets pushed to the very edge
also it seems like the spacing is larger between artist and album name than song title and artist. how do i make the spacing uniform for both
i'll have to look at that on pc, ~6 hrs from now
aight
is there any to fix the wave going off and the scroller also not aligned
im not using any custom theme but just the desktop visual refresh experiment
this should work
#1279143864971825196 message
ohh i thought you didn't want the waves
then you gotta wait for tom ig
i'm also doing the same for another thing lol
its bc of the refresh experiment, tbh im not gonna look at it until its pushed to stable because otherwise it can all change again
did you have time to look at the album thingy btw?
no sorry, ive been busier than expected. it is on my todo list tho
okay. will be waiting then ty
i was too keen on getting it that i just installed whole android on my laptop
& #vc-spotify-info-wrapper {
& #vc-spotify-titles {
> .vc-spotify-ellipoverflow {
white-space: wrap;
max-height: 1.15rem;
}
}
}
}```
this gave me one line for both album name and song title and uniform spacing all over too
i'm happy
i just need to get rid of the on before album name now
nvm I got it
#vc-spotify-titles .vc-spotify-ellipoverflow:has(> #vc-spotify-album-title) {
display:block !important;
font-size: 0px !important;
> #vc-spotify-album-title,
.vc-spotify-comma {
font-size: 12px !important;
color: white;
filter: brightness(0.7);
}
}```
import url line should be at top of the css editor
Ouch
the rest can stay wherever
Is it possible to somehow add this video to the background of your panel?
no, im pretty sure we only have what is showed in a users activity
ok, thanks
good job! i cleaned it up a bit for u
/*unhide and remove on from album name*/
#vc-spotify-titles .vc-spotify-ellipoverflow {
max-height: 1.15rem !important;
&:has(> #vc-spotify-album-title) {
display: block !important;
font-size: 0px !important;
> #vc-spotify-album-title,
.vc-spotify-comma {
font-size: 12px !important;
color: white;
filter: brightness(.7);
}
}
}
merged this into it too
thanks a lot!
works fine for me, it looks like u have a conflicting theme
your media player css fits perfectly with the experimental desktop visual refresh too, just need some tweaks
good job! and thanks!
nah its nothing,I just change pixels values nothing much
Hey do you know i can make my spotify embed button row alwais visible ? because for exemple i need to hover the player to let show the buttons
i did this :
#vc-spotify-player {
--blur-amount: 10px;
--darken-percent: 0.8;
background: transparent !important;
position: relative;
}
#vc-spotify-player > * {
position: relative;
z-index: 1;
}
#vc-spotify-player::after {
content: "";
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(rgba(0, 0, 0, var(--darken-percent)),
rgba(0, 0, 0, var(--darken-percent)));
background-size: cover;
filter: blur(var(--blur-amount));
clip-path: inset(0);
}
#vc-spotify-player + [class^="container"] {
background: transparent;
}