JavaScript SDKでSoundCloud APIを使用する方法のグラフィックコードの詳細な説明

SoundCloud は、開発者が使用できる API を開発しました。この API を使用すると、開発者は必要なほぼすべてのデータを取得できます。ただし、現時点では SoundCloud API 開発ドキュメントとドキュメントのサンプルでは異なるバージョンの SDK (ソフトウェア開発キット) が使用されているため、この API の使用方法は、特に初心者にとっては少しわかりにくいです。

SoundCloud API と SoundCloud SDK の違いは何ですか?基本的に、SoundCloud API は、SoundCloud サーバーからデータを取得する権限を開発者に提供する URL のコレクションであり、SoundCloud SDK は、SoundCloud API をクエリするために事前に作成されたライブラリ (またはクライアント) です。これについて詳しく知りたい場合は、次のリンクをクリックしてください: http://www.php.cn/

このチュートリアルでは、SoundCloud API にアクセスする方法と、SoundCloud の使用プロセスを簡素化する方法を学びます。 SDK。 SoundCloud から SoundCloud SDK をセットアップする方法を学び、次に、SoundCloud データを取得し、オーディオを再生し、SoundCloud が提供するその他の機能を実行するための JavaScript コードを作成します。

スタートガイド

HTTP と API の概念と作業方法を理解すると、このチュートリアルを学習するのに役立ちます。 API について詳しく知りたい場合は、An Introduction to APIs (API の概要。リンク アドレス: http://www.php.cn/) を参照することをお勧めします。このチュートリアルを進める際には、非同期 JavaScript、Promise、コールバック関数について少し知っておくと役立ちます。この記事のコード例では jQuery を使用しているため、jQuery の基本を知っていれば、この記事のコード例を読むのは難しくありません。

JavaScript を使用して SoundClound API のクエリを開始するには、SoundClound が提供する JavaScript SDK をダウンロードする必要があります。記事の冒頭で述べたように、利用可能な SDK バージョンは 2 つあります。

SDK のどのバージョンを使用すればよいですか?

これら 2 つのバージョンの SDK の主な違いは、非同期リクエストが作成されて SoundClound API に送信されたときにデータを返す方法です。最新バージョンの SDK は Promise を返しますが、別のバージョンの SDK はパラメータとしてコールバック関数を返す必要があります。

このドキュメントで使用されている SDK バージョンでは、このバージョンの SDK ユーザー ログイン機能のインターフェイスに問題があるようです。この問題は、ポップアップ ログイン ウィンドウが自動的に閉じないことです。

そのため、簡単にするために、また古いバージョンの SDK の方が安定しているため、このチュートリアル全体の記事の例では古いバージョンの SDK を使用します。このバージョンの SDK は、クライアントの非同期リクエストに対してコールバック関数を返す必要があります。

SoundCloud APIを使用して基本的なHTMLドキュメントを設定します

ホームページとして機能する基本的なHTMLページを作成します。このページの

著者別の最新記事

• 独自の PHP フレームワークをゼロから構築するためのビデオ資料
  2023-03-15 16:54:01
• PHPMailer が QQ メールボックスを使用して電子メール送信機能を完了する方法の分析例
  2023-03-15 12:26:02
• PHPでIMAPでメールを受信する方法の紹介
  2023-03-14 18:58:01
• PHP で配列の重複排除を迅速に実装する方法の例
  2023-03-14 11:30:01
• HTML での タグのすべての属性の使用の概要
  1970-01-01 08:00:00
• PHPの基礎知識まとめ（初心者が始めるのに必要）
  2023-03-16 15:20:01
• JavaScript での typeof の使用の概要
  1970-01-01 08:00:00
• JavaScript でのconfirm() メソッドの使用の概要
  1970-01-01 08:00:00
• HTML5 プレースホルダー属性の詳細な紹介
  1970-01-01 08:00:00
• ReactJS のフォームに単一選択、複数選択、逆選択を実装する方法
  1970-01-01 08:00:00

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2056

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2211

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

1865

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1750

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1776

関連トピック

詳細>

• 配列の長さを取得するjsメソッド
• jsで現在のページを更新する
• jsの丸め
• ノードを削除するjsメソッド
• JavaScript エスケープ文字
• jsで乱数を生成する方法
• JavaScriptを有効にする方法
• JSのSymbolクラスの詳細説明