Find music embed URLs

You can embed music Spotify, Apple Music, SoundCloud, and Bandcamp on your Beacons page.

Spotify

In Spotify, click the three dots on an album, playlist, or track. Go to "Share" and click "Copy Link" and paste the URL into the text box. Here are some examples of what your URL should look like:

  • https://open.spotify.com/track/5tVA6TkbaAH9QMITTQRrNv?si=P4k-8r4jQtml10Sya6asdg
  • https://open.spotify.com/album/5d71Imt5CIb7LpQwDMQ093?si=yCwLZOJtT6OataCccIZ4Dg
  • https://open.spotify.com/playlist/37i9dQZF1DX4xuWVBs4FgJ?si=WtK22r4KTYGiiS5L5GGZSA

Apple Music

In Apple Music, click the three dots and then click "Share" and then click "Copy Embed Code." Paste all of it into the text box. We will transform that code into the embedded player. What you copy should look something like this:

  • <iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="450" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/this-ones-for-you-too-deluxe-edition/1376705241"></iframe>

SoundCloud

Go to the SoundCloud track, album, or playlist and paste the URL in the text box. Sometimes the artist disables embedding the content so not every SoundCloud URL may work. Your URL should like something like:

  • https://soundcloud.com/kapslap/quarantine-mix-vol-20-house-arrest-7
  • https://soundcloud.com/andersonpaak/who-r-u

Bandcamp

On a Bandcamp page, click on the "Share/Embed" button and then click on "Embed this album" that pops up. Click the biggest style that pops up. There will be code for you to copy/paste. Copy the entire code and paste it in the Beacons text box. What you copy should look something like this:

  • <iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=1634144721/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="https://porcupinetreeofficial.bandcamp.com/album/indigo2-2008">IndigO2 (2008) by Porcupine Tree</a></iframe>


How did we do?


Powered by HelpDocs (opens in a new tab)

Powered by HelpDocs (opens in a new tab)