Animal Groups Roleplay Wiki
Advertisement

Guide to Spotify Players

Vynx’s Profile - Message Wall - Discord: Vynx#2211
Because of SoundCloud players not being supported in the UCP update, I figured I should bring light to the other audio player: Spotify players. Everything listed is free to use, no credit required.

Details & Instructions

https://open.spotify.com/

artist will show the artist's top tracks. Find the URI to add at the end of the artist's page URL (or by clicking the three dots and "Copy Artist Link"), it'll look something like
https://open.spotify.com/artist/29O9ZebFa65aIEvMaW5pQY

track will show a specific song. Find the URI to add at the end of the track/song's page URL (or by clicking the three dots and "Copy Song Link"), it'll look something like
https://open.spotify.com/track/4mCwspCTPF1aoWUNxsS5aD

album will show a specific album. Find the URI to add at the end of the album's page URL (or by clicking the three dots and "Copy Album Link"), it'll look something like
https://open.spotify.com/album/5AghrM3hAuorTe16d3jBZO

Spotify Players

(All of these use track, so be sure to it change if you're not just doing one song to either artist [for an artist's top tracks] or album [for a specific album].)

Centering (Unless Stated Otherwise)

<div style="margin:0 auto;display:table;">Add the Spotify Player within here</div>

OR

{|style="margin:0 auto;"
|Spotify Player here
|}

Large (Default)

<spotify uri="spotify:track:4mCwspCTPF1aoWUNxsS5aD"/>

Rectangle (300x80)

<spotify uri="spotify:track:4mCwspCTPF1aoWUNxsS5aD" width="300" height="80"/>

Square (80x80)

<spotify uri="spotify:track:4mCwspCTPF1aoWUNxsS5aD" width="80" height="80"/>

Circular

<div style="overflow:hidden;position:relative;border-radius:100px;height:50px;width:50px;"><div style="margin:-15px 0 0 -15px;"><spotify uri="spotify:track:4mCwspCTPF1aoWUNxsS5aD" width="80" height="80"/></div></div>

Circular (Shrunken)

<div style="-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;height:20px;margin:0 -30px 0 0;"><div style="overflow:hidden;position:relative;border-radius:100px;height:50px;width:50px;"><div style="margin:-15px 0 0 -15px;"><spotify uri="spotify:track:4mCwspCTPF1aoWUNxsS5aD" width="80" height="80"/></div></div></div>

Circular (Shrunken Centered)

<div style="margin:0 auto -40px auto;display:table;"><div style="-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;height:20px;margin:0 -30px 0 0;"><div style="overflow:hidden;position:relative;border-radius:100px;height:50px;width:50px;"><div style="margin:-15px 0 0 -15px;"><spotify uri="spotify:track:4mCwspCTPF1aoWUNxsS5aD" height="80" width="80"/></div></div></div></div>
Advertisement