Bandcamp BBCodes
Posted: Wed Apr 02, 2014 11:47 pm
This morning I've added the ability to embed Bandcamp widgets. It seems like a good idea, and when you get them working the look great, but unfortunately to get them to work as a user it's not entirely straight forward. For those of you who are technically inclined, it's reasonably easy, so here are the steps for embedding.
Bandcamp uses an Album ID Number to identify the album/playlist you are trying to embed. The way to get this ID (which is the tricky part) is outlined below:
Update 1: You can now use different sized Bandcamp players. Code for all three options is below:
Large sized player
Medium sized player
Slim player
Bandcamp uses an Album ID Number to identify the album/playlist you are trying to embed. The way to get this ID (which is the tricky part) is outlined below:
- Go to the Bandcamp page of your album of choice. For example: https://kongh.bandcamp.com/album/shadow ... -shapeless
- Click on the Share / Embed link, found just below the Album Art
- In the box that opens up, click Embed this album, then pick either of the three shapes that it shows
- In the next window, copy the Embed code and then paste it somewhere handy (Bandcamp prevents you from scrolling across and seeing the whole code for some reason)
- You should have code that looks something like this:
Code: Select all
<iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=2469538599/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="http://kongh.bandcamp.com/album/shadows-of-the-shapeless">Shadows of the Shapeless by Kongh</a></iframe>
- Grab the number after the "album=" part in the line. In the example above the number is 2469538599
- Wrap the number in a bandcamp tag as per the code below:
So, the album we looked at before would be:
Code: Select all
[bandcamp]{album number}[/bandcamp]
Code: Select all
[bandcamp]2469538599[/bandcamp]
- Victory!
Update 1: You can now use different sized Bandcamp players. Code for all three options is below:
Large sized player
Code: Select all
[bandcamp]2469538599[/bandcamp]
Medium sized player
Code: Select all
[bc-medium]2469538599[/bc-medium]
Slim player
Code: Select all
[bc-slim]2469538599[/bc-slim]