SoundCloud is an awesome application with a huge music library and it has multiple ways for integrating any selected tracks to websites.

Stratus, a free-to-use and jQuery-powered widget, offers an alternative and tight integration with a player that can sit in the bottom or top of web pages.

The widget accepts any number of tracks, sets, users or groups to play, can be set to auto-play and has an optional animation on initial load.

There are controls for volume, sharing, commenting/favoriting and a pop-up player link exists so that users changing pages won’t lose the tracks.

Besides mentioning the tracks/sets as a list, adding a custom class to any SoundCloud link also works (handy for websites with lots of SoundCloud links) and the player can be skinned with CSS.

Installation Looks Simple Enough:

Include the javascript library by adding this to the custom code box

<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>

followed by this plugin:

<script type="text/javascript">
x$(document).ready(function(){
x$.stratus({
links: 'http://soundcloud.com/foofighters/sets/wasting-light'
});
});
</script>

Customization

You can customize Stratus by passing the appropriate options to the stratus function.

For example, the code below will cause the player to auto play a random QOTSA track and hide the download button.

1 2 3 4 5 6 7 8 9 10
<script type="text/javascript">
$(document).ready(function(){
$stratus({
auto_play: true,
download: false,
links: 'http://soundcloud.com/qotsa',
random: true
});
});
</script>