> 웹 프론트엔드 > JS 튜토리얼 > JavaScript SDK에서 SoundCloud API를 사용하는 방법에 대한 그래픽 코드에 대한 자세한 설명

JavaScript SDK에서 SoundCloud API를 사용하는 방법에 대한 그래픽 코드에 대한 자세한 설명

黄舟
풀어 주다: 2017-03-08 14:41:58
원래의
2242명이 탐색했습니다.

SoundCloud는 개발자가 사용할 수 있는 API를 개발했습니다. 이 API를 통해 개발자는 원하는 거의 모든 데이터를 얻을 수 있습니다. 그러나 현재 SoundCloud API 개발 문서와 문서 예제는 서로 다른 버전의 SDK(Software Development Kit)를 사용하기 때문에 이 API의 사용법은 특히 초보자에게는 다소 혼란스럽습니다.

SoundCloud API와 SoundCloud SDK의 차이점은 무엇인가요? 기본적으로 SoundCloud API는 개발자에게 SoundCloud 서버에서 데이터를 얻을 수 있는 권한을 제공하는 URL 모음이고, SoundCloud SDK는 SoundCloud API를 쿼리하기 위해 미리 작성된 라이브러리(또는 클라이언트)입니다. 이에 대해 더 자세히 알고 싶다면 다음 링크를 클릭하세요. http://www.php.cn/

이 튜토리얼에서는 SoundCloud API에 액세스하는 방법과 단순화하는 방법을 알아봅니다. SoundCloud SDK를 사용하는 과정입니다. SoundCloud에서 SoundCloud SDK를 설정하는 방법을 배운 다음 JavaScript 코드를 작성하여 SoundCloud 데이터를 가져오고 오디오를 재생하며 SoundCloud에서 제공하는 추가 기능을 살펴보겠습니다.

시작 가이드

HTTP와 API의 개념과 작업 방법을 이해하면 이 튜토리얼을 학습하는 데 도움이 될 것입니다. API에 대해 더 알고 싶다면 API 소개(API 소개. 링크 주소: http://www.php.cn/)를 살펴보는 것이 좋습니다. 이 튜토리얼을 따라가면서 비동기 JavaScript, Promise 및 콜백 함수에 대해 조금 아는 것도 도움이 될 것입니다. 이 기사의 코드 예제에서는 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 페이지를 만듭니다. SDK의 기능을 사용할 수 있도록 이 페이지의

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿