Welcome to Gaia! ::

Profilist Tools

Back to Guilds

Profile dumpage 

Tags: profile, coding, guide, media, free 

Reply [Media] Guides and Resources
[Media Guide] Bandcamp

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Confelicity
Crew

Beloved Darling

PostPosted: Thu Jan 15, 2015 11:46 pm


[ Media Guide ]
    Bandcamp

    This guide is a rewritten version of Fredy's guide here with more details.

    View the website here.

    Why use Bandcamp?
    The players are quite unique, and sometimes the new and fresh artists hosted on Bandcamp aren't found anywhere else.

    Last Update: 5/12/2017
PostPosted: Fri Jan 16, 2015 12:09 am


Types of Players
    Unfortunately only some of the players work on Gaia, and a few of them aren't even listed on Bandcamp. The ones that do function just fine are listed here. All of them can be embedded with playlists or single tracks, but for practical purposes, if you want to embed a single song, choose any player except the ones with "2" in their name. Otherwise, for playlists, choose any of them.

  • Medium
    This wide rectangular player displays album art on left side, a play button to the right of the album art, and a long seek bar. The playlist does not show a list of tracks played, but there is a dropdown list of them (that arrow next to the name of the first song) that can be viewed upon clicking, and the forward button is in the bottom right corner of the player. View a sample here.

  • Tall
    This tall rectangular player displays album art on top, a play button centered underneath the artist and album title, and a small seek bar. Playlists will show a forward button to the right of the play button, but no visible tracklist, though there is a dropdown list of them (the arrow next to the name of the first song). View a sample here.

  • Tall2
    Same as Tall but with a visible tracklist. If necessary, a scrollbar will appear. View a sample here.

  • Grande
    This is very similar to Medium but without album art. View a sample here.

  • Grande2
    The fonts for this player are a bit larger than in Grande. There is a visible playlist (with a scrollbar if necessary) but no forward button. View a sample here.

Confelicity
Crew

Beloved Darling


Confelicity
Crew

Beloved Darling

PostPosted: Fri Jan 16, 2015 11:15 pm


Making a Bandcamp Player
    Here is how to form the media url and make it compatible for Gaia.

  • Go to the Bandcamp website and choose an album.

  • If you want to embed an entire album, look under the album image, click "Share/Embed." A popup will appear, and you should then click "Embed this album." If you want to embed a single track, hover over the track list of the album on the left of the page and click "download" next to the name of the selected track. You should be directed to another page. Click "Share/Embed" under the album image, and then "Embed this track" in the following popup.

  • Then there is another popup in the middle of the page allowing you to select from three different sizes of players. It doesn't matter which one you pick, as all we're going to grab is the track ID or album ID. (Remember that the large player and the small player aren't ones that can be displayed on Gaia, but you can still click those for the parts that you need for your media url.)

  • Copy the embed code and paste it somewhere where you can see all of it and pick out the part that you need.

    For an album:


    For a track:


  • Now that you've grabbed that part in red, slap it on the back of the following url: http://www.bandcamp.com/EmbeddedPlayer.swf/. Your url should look something like this:

    http://www.bandcamp.com/EmbeddedPlayer.swf/album=3346632276 or http://www.bandcamp.com/EmbeddedPlayer.swf/track=3379568072


Almost done! If you're happy with a medium-sized player, you can proceed to the bottom post, but otherwise, please read the parameters post coming up next, particular for "size."
PostPosted: Fri Jan 16, 2015 11:30 pm


Parameters
    These are stuff that you can add to the back of your media url for somewhat "extra features." To do so, add a & to the end of your url, the parameter name, a =, and then the set value that you desire. For example, if you wanted to change the size of your player to look like the grande2, you would add this to the end of your media url: &size=grande2. (I've only listed the parameters that work. And if anyone's wondering, there is no autostart or volume control.)

  • bgcol
    Changes the color of the background of the player.

  • linkcol
    Changes the color of the links of the player (album title, track name, etc).

  • size = see descriptions in second post above
    grande = horizontal rectangular player without album art
    grande2 = grande player with track list below
    tall = vertical rectangular player with album art on top
    tall2 = tall player with track list below

Confelicity
Crew

Beloved Darling


Confelicity
Crew

Beloved Darling

PostPosted: Fri Jan 16, 2015 11:45 pm


CSS Theme Override Codes
    Here are codes you'll need to properly embed Bandcamp into your profile. For playlists with track lists, the player will have a scrollbar appear if the list is too long, so if you don't like that, change the numbers accordingly. Also note that some of these players are quite wide, so it may be necessary to enlarge your media panels and/or columns or set panel/column overflow to visible.

  • Selectors
    v1 (Classic) profiles: #multimedia embed
    v2 (Current) profiles: .media_panel object


  • Medium
    {height: 100px; width: 400px;}

  • Tall
    {height: 300px; width: 150px;}

  • Tall2
    {height: 400px; width: 150px;}

  • Grande
    {height: 100px; width: 300px;}

  • Grande2
    {height: 300px; width: 300px;}
Reply
[Media] Guides and Resources

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum