SoundCloud for Developers

Discover, connect and build

Backstage Blog RSS

You're browsing posts of the category Announcements

  • April 10th, 2012 Announcements Desktop Sharing Kits for OS X and Windows By Amir Shaikh

    Last week we announced a new integration with Ableton Live 8, that lets you easily share your sounds from within Ableton Live to SoundCloud. Today we’re making the technology behind that integration available to everyone through our new Desktop Sharing Kits.

    Mac Desktop Sharing Kit

    Read more...

  • April 5th, 2012 Announcements Wave Raid powered by Timed Comments By Lee Martin

    Wave Raid

    One of the SoundCloud API's most powerful features is the timed comment. At its core it seems simple enough: a piece of text associated with a point in time for a particular track. But where you see timed opinions, I see a light-weight game scripting engine.

    So when Johannes Wagener told me he was adding an ontimedcomments event to our JS SDK, I immediately began work on Wave Raid: Quest for the Timed Comment.

    Read more...

  • April 4th, 2012 Announcements Developer Contest: SoundCloud + Acapela Group Mashup By Paul Osman

    SoundCloud is teaming up with Acapela Group for our first Developer Contest. Acapela Group offers amazing text to speech solutions and have a variety of SDKs so you can write apps that create sound files using one of their voices (including hip-hop and country!). Take a listen to some sample voices.

    We're calling on our developer community to mashup SoundCloud and Acapela. Show us what you can do using a text to speech service with the best audio content platform on the web. Maybe you want to have your email read (or sung!) to you layered on some instrumental or drum tracks. We think there are loads of options for making interesting and accessible apps using these two services.

    Read more...

  • March 22nd, 2012 Announcements HTML5 Widget API By Alexander Kovalev

    HTML5 Widget API

    Today we're officially announcing our JavaScript API for the new HTML5 SoundCloud Widget. To use it, just insert the script tag on a page where you're using our HTML5 Widget.

    <script src="https://w.soundcloud.com/player/api.js" type="text/javascript"></script>
    

    What does it permit?

    Access and control the properties of HTML5 Widget

    <iframe id="sc-widget" src="https://w.soundcloud.com/player/?url=http://api.soundcloud.com/users/1539950/favorites" width="100%" height="465" scrolling="no" frameborder="no"></iframe>
    <script src="https://w.soundcloud.com/player/api.js" type="text/javascript"></script>
    <script type="text/javascript">
      (function(){
        var widgetIframe = document.getElementById('sc-widget'),
            widget       = SC.Widget(widgetIframe);
    
        widget.bind(SC.Widget.Events.READY, function() {
          widget.bind(SC.Widget.Events.PLAY, function() {
            // get information about currently playing sound
            widget.getCurrentSound(function(currentSound) {
              console.log('sound ' + currentSound.get('') + 'began to play');
            });
          });
          // get current level of volume
          widget.getVolume(function(volume) {
            console.log('current volume value is ' + volume);
          });
          // set new volume level
          widget.setVolume(50);
          // get the value of the current position
        });
    
      }());
    </script>
    

    Load widgets

    <iframe id="sc-widget" width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F1848538&show_artwork=true"></iframe>
    <script src="https://w.soundcloud.com/player/api.js" type="text/javascript"></script>
    <script type="text/javascript">
      (function(){
        var widgetIframe = document.getElementById('sc-widget'),
            widget       = SC.Widget(widgetIframe),
            newSoundUrl = 'http://api.soundcloud.com/tracks/13692671';
    
        widget.bind(SC.Widget.Events.READY, function() {
          // load new widget
          widget.bind(SC.Widget.Events.FINISH, function() {
            widget.load(newSoundUrl, {
              show_artwork: false
            });
          });
        });
    
      }());
    </script>
    

    Resources

    • take a look at our documentation for more details and technical descriptions
    • check out our playground to get an overview of functionalities provided by the API

    Feedback

    If you've got a suggestion, found a bug, please let us know by leaving a comment below.

  • March 16th, 2012 Announcements Wave64 BETA By leemartin

    Wave64 BETA

    If you've developed with HTML5 canvas before, you know that accessing and manipulating images from different domains or origins is prohibited. However, a quick search will present several ways of dealing with this problem. One of these solutions is a simple jQuery plugin called $.getImageData developed by @maxnovakovic. A proxy server converts the image into a base64 encoded data URL and returns the image as a JSON object. The image can then be included and edited within canvas. Magic? You know it.

    So what's Wave64? It's a slimmed down version of this idea made specifically for you: SoundCloud developer! Here's how it works:

    Read more...