Bandcamp BBCodes

Discuss the peculiarities of the forum. Feedback, complaints, suggestions are all welcome.
Post Reply
User avatar
hellboy
Site Admin
Posts: 12220
Joined: Sat Dec 31, 2005 10:01 pm
Height: 182cm
Contact:

Bandcamp BBCodes

Post by hellboy »

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:

  1. Go to the Bandcamp page of your album of choice. For example: https://kongh.bandcamp.com/album/shadow ... -shapeless
  2. Click on the Share / Embed link, found just below the Album Art
  3. In the box that opens up, click Embed this album, then pick either of the three shapes that it shows
  4. 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)
  5. 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>
    
  6. Grab the number after the "album=" part in the line. In the example above the number is 2469538599
  7. Wrap the number in a bandcamp tag as per the code below:

    Code: Select all

    [bandcamp]{album number}[/bandcamp]
    So, the album we looked at before would be:

    Code: Select all

    [bandcamp]2469538599[/bandcamp]
  8. Victory!
Feedback on this tutorial, or on the widget are more than welcome. If requested I may look at offering a bbcode to allow you to embed smaller versions of the widget, but for now I've gone with the large full playlist one.

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]
User avatar
not tyson
Grammy Winner
Posts: 5413
Joined: Sat Aug 03, 2013 7:17 am
Height: 186cm

Re: Bandcamp BBCodes

Post by not tyson »

[bandcamp;4469538599[/bandcmap]

Seems broken ¯\_(ツ)_/¯
User avatar
UndKeineZwEier
has a small dick
Posts: 8661
Joined: Mon Jul 29, 2013 5:10 am
Location: (c is da toot of crakter)

Re: Bandcamp BBCodes

Post by UndKeineZwEier »

That's not too difficult.

Don't mow your lawn
User avatar
Kittaan
Peen Taster
Posts: 5079
Joined: Thu Apr 09, 2009 10:56 am
Location: , Location, Location!

Re: Bandcamp BBCodes

Post by Kittaan »

Not Tyson wrote:[bandcamp;4469538599[/bandcmap]

Seems broken ¯\_(ツ)_/¯
You misspelled 4469538599.
Ki77aan :twisted:
User avatar
hellboy
Site Admin
Posts: 12220
Joined: Sat Dec 31, 2005 10:01 pm
Height: 182cm
Contact:

Re: Bandcamp BBCodes

Post by hellboy »

New options added - see OP for details
Post Reply