Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
SoundCloud API Integration
How to Guide
www.letsnurture.com
Initial Setup
www.letsnurture.com
SoundCloud Connect
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></...
Update Method
$("#update").live("click", function(){
SC.put("/me", {user: {description: $("#description").val()}},
functio...
callback.html(While you are connecting)
<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="te...
Sign In with SoundCloud
Client-side JavaScript Applications
Server-side Web Applications
Refreshing Tokens
Mobile and Desk...
I am Logged In Now What
Upload Audio Files
Uploading Meta Data
Sharing on Social Networks
Creating Playlists(Set)
Adding F...
SoundCloud Where is the Sound
Playing Sounds
Embedding a SoundCloud Widget
Streaming Sounds
Comments
Follow & Like
Search
...
HTTP API Reference
● /connect
● /oauth2/token
● /users
● /tracks
● /playlists
● /groups
● /comments
● /me
● /me/connection...
SC.Connect
$("#connect").live("click", function(){
SC.connect(function(){
SC.get("/me", function(me){
$("#username").text(...
SC.put
$("#update").live("click", function(){
SC.put("/me", {user: {description: $("#description").val()}},
function(respo...
SC.get
$("#loadTracks").live("click", function(){
SC.get("/tracks", {limit: 1}, function(tracks){
var track = tracks[0];
S...
SC.stream
$("#stream").live("click", function(){
SC.stream("/tracks/146702157", {autoPlay: true});
});
www.letsnurture.com
Lets Record and Upload
<script src="https://connect.soundcloud.com/sdk-2.0.0.js"></script>
<script type="text/javascript" ...
Demo Time
Connect
ME
Get HOT Track
letsnurture.co.uk/demo/soundcloud/callback.html
www.letsnurture.com
For SoundCloud/Spotify
Integration with your Web/App
Contact: info@letsnurture.com
www.letsnurture.com
Upcoming SlideShare
Loading in …5
×

SoundCloud API Integration - With your Website & Mobile Apps

SoundCloud API Integration - With your Website & Mobile Apps, SoundCloud Connect, Get Playlist, Get Latest Tracks, Stream Tracks within your Web/Mobile Apps, Update Playlist, Get Album Art, Get Metadata

  • Login to see the comments

  • Be the first to like this

SoundCloud API Integration - With your Website & Mobile Apps

  1. 1. SoundCloud API Integration How to Guide www.letsnurture.com
  2. 2. Initial Setup www.letsnurture.com
  3. 3. SoundCloud Connect <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script src="https://connect.soundcloud.com/sdk-2.0.0.js"></script> <script> SC.initialize({ client_id: "Your client ID", redirect_uri: "http://letsnurture.co.uk/demo/soundcloud/callback.html" }); $("#connect").live("click", function(){ SC.connect(function(){ SC.get("/me", function(me){ $("#username").text(me.username); $(#description").val(me.description); }); }); }); www.letsnurture.com
  4. 4. Update Method $("#update").live("click", function(){ SC.put("/me", {user: {description: $("#description").val()}}, function(response, error){ if(error){ alert("Some error occured: " + error.message); }else{ alert("Profile description updated!"); } }); }); </script> www.letsnurture.com
  5. 5. callback.html(While you are connecting) <!DOCTYPE html> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Connecting with SoundCloud</title> </head> <body onload="window.opener.setTimeout(window.opener.SC.connectCallback, 1)"> <b style="width: 100%; text-align: center;">Loading Details</b> </body> </html> www.letsnurture.com
  6. 6. Sign In with SoundCloud Client-side JavaScript Applications Server-side Web Applications Refreshing Tokens Mobile and Desktop Applications Getting Information about the Authenticated User What Next…..? www.letsnurture.com
  7. 7. I am Logged In Now What Upload Audio Files Uploading Meta Data Sharing on Social Networks Creating Playlists(Set) Adding Files to Playlists Contributing a Sound to a Group www.letsnurture.com
  8. 8. SoundCloud Where is the Sound Playing Sounds Embedding a SoundCloud Widget Streaming Sounds Comments Follow & Like Search Paging www.letsnurture.com
  9. 9. HTTP API Reference ● /connect ● /oauth2/token ● /users ● /tracks ● /playlists ● /groups ● /comments ● /me ● /me/connections ● /me/activities ● /apps ● /resolve ● /oembed www.letsnurture.com
  10. 10. SC.Connect $("#connect").live("click", function(){ SC.connect(function(){ SC.get("/me", function(me){ $("#username").text(me.username); $("#description").val(me.description); }); }); }); www.letsnurture.com
  11. 11. SC.put $("#update").live("click", function(){ SC.put("/me", {user: {description: $("#description").val()}}, function(response, error){ if(error){ alert("Oops error occured: " + error.message); }else{ alert("Your Profile description updated!"); } }); }); www.letsnurture.com
  12. 12. SC.get $("#loadTracks").live("click", function(){ SC.get("/tracks", {limit: 1}, function(tracks){ var track = tracks[0]; SC.oEmbed(track.uri, document.getElementById("track")); }); }); www.letsnurture.com
  13. 13. SC.stream $("#stream").live("click", function(){ SC.stream("/tracks/146702157", {autoPlay: true}); }); www.letsnurture.com
  14. 14. Lets Record and Upload <script src="https://connect.soundcloud.com/sdk-2.0.0.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script> SC.initialize({ client_id: "f9a66e202627c576a589038c9c996009", redirect_uri: "http://letsnurture.co.uk/demo/soundcloud/callback.html" }); SC.connect(function() { SC.record({ start: function() { window.setTimeout(function() { SC.recordStop(); SC.recordUpload({ track: { title: 'My First SoundCloud Recording } }); }, 5000); } }); }); </script> www.letsnurture.com
  15. 15. Demo Time Connect ME Get HOT Track letsnurture.co.uk/demo/soundcloud/callback.html www.letsnurture.com
  16. 16. For SoundCloud/Spotify Integration with your Web/App Contact: info@letsnurture.com www.letsnurture.com

×