Tag Archives: widget

SoundCloud Hacking the SoundCloud player (part 1)

A lot of people ask me about customizing the SoundCloud player, “I love the player but could you just add this…” or “the player doesn’t quite work with the background of my blog, is there a way to tweak it”. Well actually there are quite a lot of options so I thought I’d summarize a few of them here.

Hopefully you should all know by now, but SoundCloud currently has three really great players that can be customized in a number of ways. There is the mini, waveform and artwork player. Each can be used to great effect in different scenarios. And there are several standard customizations you can do with each. Please note, to access the mini and artwork players you’ll need a premium account.

As well as the standard player customizations there are a number of other ways that you can hack the SoundCloud player. You just need to know where to look in the embed code. There are a range of different parameters that you can change in the embed code when you share a player:

buying = true/false (show hide buy buttons)
sharing = true/false (show hide share buttons)
download = true/false (show hide download buttons)
show_bpm  = true/false (show hide bpm display in player)
show_playcount = true/false (show hide number of track plays)
text_buy_track = string (e.g. ‘Tweet’ and it goes to your buy link)
text_buy_set = string (for the buy all button)

You can of course also change the height and width.

height = number of pixels
width = number of pixels

But one hidden little feature that we wanted to tell you about are our new double height (or width players). All you need to do is double the number of height (or width) pixels eg.

height=”600″ width=”300″

In the above example I’ve changed two things. Example code is below.

1) I’ve changed the height to make a tall player
2) I’ve hidden the play count
3) I’ve turned the share option off

<code><object height="600" width="300">
<param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fsmashingpumpkins%2Fa-stitch-in-time&color=ff7700&amp;sharing=false&amp;show_playcount=false"> </param>  <param name="allowscriptaccess" value="always"> </param>  <embed allowscriptaccess="always" height="600" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fsmashingpumpkins%2Fa-stitch-in-time&color=ff7700&amp;sharing=false&amp;show_playcount=false" type="application/x-shockwave-flash" width="300"></embed> </object></code>

So that’s it. Fairly straight forward once you know how, but very handy. In part 2 we’ll share some more tips.

David London Philharmonic's Youth Fusion: The Band

The discovery was unintentional, it just happened. Like most more interesting discoveries.  

A few weeks ago, Alec from the Education Department of LPO sent me a message about their dusty old SoundCloud account they’ve just found and haven’t been using. They were even thinking about deleting it.


Alec knew better. As he wrote me, “However I saw how wicked your widget is and it really interested me.” That made me very excited. That made us very excited. We were excited that the London Philharmonic Orchestra found us awesome, as we do them!! So I asked if we can do a little Q&A with Alec and he kindly accepted and took time to answer some of my questions :).

Can you tell me in 140 words or less the idea behind The Band? Or maybe just a few keywords?

The London Philharmonic Orchestra’s The Band is a youth fusion group that gives aspiring young musicians from South London the chance to work with members of the Orchestra in creative composition workshops.

How long has the project been going on and is there an end-station?

We’re in to the second year of the project now and we’ve already had three successful concerts in Royal Festival Hall, London. The sessions give the young musicians a space in which they can explore composing in their own musical styles. They experience first-hand the Orchestra members’ skills and expertise, and learn from them what it means to be a member of a musical ensemble.

I know that any music lovers living and/or studying in South London (Lambeth, Lewisham and Southwark) aged 15 to 19 can join and the young musicians create their own music (wow!) according to the group’s taste (ranging from classical to bhangra). Can you briefly describe how the creative process in such a diverse environment works? And what are some of the key ingredients that keeps this going? Do many participants go on making music?

Each session is different. Previously we’ve had musicians familiar with Indian and Latin percussion, jazz, dance and folk music working within the group. So we’ve encouraged them  to share the music they’re interested in with the group. This year the group are working towards a pre-concert performance, playing before the Orchestra’s evening performance. This concert will feature works by Schuman and Ravel and so we’ll be looking at these two composers over the term sessions.

Each Band member brings their own interests and tastes to the group. Phil Mullen – the musical director of The Band, the Orchestra musicians and the team work with young people to bring these different tastes and talents together in a really positive way. You can hear the results for yourself!

Yes, many Band members have gone on to study music at college or university, some have auditioned for West End shows and some just continue to enjoy playing music in their own way.

How do you think online platforms such as SoundCloud can facilitate education and community projects like the Band?

We are aware that we expect a lot of our Band members. This term for example, we’re going to be creating about 1.5hrs of music over only 10 sessions, that’s 15mins of new material per session. We’re really keen to use the fact that our young musicians are very internet savvy to create an environment where Band members can listen to and analyse the work they’ve done.

What other technologies does The Band utilize?

The Band has a website which has information about the sessions on it and gig recordings. We’re also encouraging people to use our Facebook group where they can look at photos, discussions and listen to recordings (through tasty SoundCloud widgets) in a secure environment.

Do you have anything else to add in roughly 140 words or less?

If you’re in the UK and near London on March 12th then come along to Southbank Centre – the gig is free and starts at 5.30pm!

Also, if you know of anyone in the South London boroughs of Lambeth, Southwark or Lewisham who might be interested please get in touch.

I will now leave you with one their tracks recorded last year: I ain’t leaving. Wow.

SoundCloud Announcing the SoundCloud Widget Javascript API

A lot of developers asked for it and now you can has it: programming level access to the SoundCloud Widget Player.

Via the new Widget API you can access functions like play and pause, show additional info about the currently playing track on your page or even hide our widget and create your own JavaScript based interface for it.

Check out this demo and some code examples. It only takes a few lines like:

soundcloud.addEventListener('onPlayerReady', function(player, data) {
  console.log("widget ready, let's play");

The Widget API also integrates nicely with the popular JavaScript frameworks jQuery and Prototype.

The source code is available at github together with the documentation.

We’re curious to hear what you think so please post feedback and feature requests in our Google group. You are also welcome to contribute to the project if you think there’s something missing.