首页 > web前端 > js教程 > 如何在JavaScript SDK里使用SoundCloud API的图文代码详解

如何在JavaScript SDK里使用SoundCloud API的图文代码详解

黄舟
发布: 2017-03-08 14:41:58
原创
2249 人浏览过

SoundCloud开发出了一款可被开发者使用的API,这款API能使开发者获得他们想要的几乎任何数据。但是该API的用法有些混乱,特别是对初学者来说,因为此时的SoundCloud API开发文档和文档示例使用的都是SDK(软件开发工具箱)的不同版本。

SoundCloud API和SoundCloud SDK之间有什么区别呢?从根本上说,SoundCloud API是一个URL的集合,它给开发者提供了从SoundCloud服务器获取数据的权限,而SoundCloud SDK是为查询SoundCloud API提前写好的库(或者客户端)。如果想了解更多关于这方面的内容,点击以下链接:http://www.php.cn/

在这个教程里,我们将学到如何访问SoundCloud API和如何简化使用SoundCloud SDK的过程。我们将从SoundCloud上学习如何设置SoundCloud SDK,然后接着编写JavaScript代码来获取SoundCloud数据,播放音频和更多SoundCloud提供的功能。

入门指南

了解HTTP和API的概念和工作方式对你学习本教程将会有帮助。如果你想了解更多关于API的信息,我推荐你看看:An Introduction to APIs(对API的一个介绍。链接地址:http://www.php.cn/)。同时知道一点关于异步JavaScript,promises和回调函数对你学习本教程也是有帮助的。在本文我们的代码示例中使用了jQuery,所以如果你了解jQuery的基本知识,那么你阅读本文的代码示例就不会那么痛苦。

为了使用JavaScript来开始查询SoundClound API,我们需要下载由SoundClound提供的JavaScript SDK。就像在文章开头提到的,这里共有两个不同的SDK版本可以使用。

使用哪个版本的SDK呢?

这两个版本的SDK的主要不同之处在于当一个异步请求产生并将请求发送给SoundClound API时它们返回数据的方式不同。最新版本的SDK返回的是一个Promise,而另一个版本的SDK需要把一个回调函数作为一个参数返回。

我注意到一个问题,随着文档使用的SDK版本,在该版本的SDK用户登录功能界面上似乎有一个问题,这个问题就是弹出的登录窗口不会自动关闭。

因此,为了简单起见,并且因为老版本SDK更稳定,我们将在文章示例中使用老版本的SDK来贯穿本教程。此版本的SDK将需要为客户端的异步请求返回一个回调函数。

使用SoundCloud API

设置一个基本的HTML文档

我们创建一个基本的HTML页面,该页面用作我们的主页。我们在这个页面上

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板