SoundCloud API Integration - With your Website & Mobile Apps
•Als PPTX, PDF herunterladen•
0 gefällt mir•668 views
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
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (15)
Mehr von Ketan Raval
Mehr von Ketan Raval (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
SoundCloud API Integration - With your Website & Mobile Apps
- 1. SoundCloud API Integration How to Guide www.letsnurture.com
- 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. 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. 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. 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. 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. SoundCloud Where is the Sound Playing Sounds Embedding a SoundCloud Widget Streaming Sounds Comments Follow & Like Search Paging www.letsnurture.com
- 9. HTTP API Reference ● /connect ● /oauth2/token ● /users ● /tracks ● /playlists ● /groups ● /comments ● /me ● /me/connections ● /me/activities ● /apps ● /resolve ● /oembed www.letsnurture.com
- 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. 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. SC.stream $("#stream").live("click", function(){ SC.stream("/tracks/146702157", {autoPlay: true}); }); www.letsnurture.com
- 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. Demo Time Connect ME Get HOT Track letsnurture.co.uk/demo/soundcloud/callback.html www.letsnurture.com
- 16. For SoundCloud/Spotify Integration with your Web/App Contact: info@letsnurture.com www.letsnurture.com