Detaillierte Erläuterung des Grafikcodes zur Verwendung der SoundCloud-API im JavaScript SDK-js-Tutorial-php.cn

SoundCloud hat eine API entwickelt, die von Entwicklern verwendet werden kann. Diese API ermöglicht es Entwicklern, nahezu alle gewünschten Daten zu erhalten. Die Verwendung dieser API ist jedoch insbesondere für Anfänger etwas verwirrend, da die SoundCloud API-Entwicklungsdokumentation und Dokumentationsbeispiele derzeit unterschiedliche Versionen des SDK (Software Development Kit) verwenden.

Was ist der Unterschied zwischen SoundCloud API und SoundCloud SDK? Grundsätzlich handelt es sich bei der SoundCloud-API um eine Sammlung von URLs, die Entwicklern die Erlaubnis gibt, Daten vom SoundCloud-Server abzurufen, und das SoundCloud SDK ist eine vorab geschriebene Bibliothek (oder ein Client) zum Abfragen der SoundCloud-API. Wenn Sie mehr darüber erfahren möchten, klicken Sie auf den folgenden Link: http://www.php.cn/

In diesem Tutorial erfahren Sie, wie Sie auf die SoundCloud-API zugreifen und diese vereinfachen Der Prozess der Verwendung des SoundCloud SDK. Wir lernen, wie man das SoundCloud SDK von SoundCloud aus einrichtet und schreiben dann JavaScript-Code, um SoundCloud-Daten abzurufen, Audio abzuspielen und weitere von SoundCloud bereitgestellte Funktionen zu nutzen.

Erste Schritte

Das Verständnis der Konzepte und Arbeitsmethoden von HTTP und API wird Ihnen beim Studium dieses Tutorials hilfreich sein. Wenn Sie mehr über APIs erfahren möchten, empfehle ich Ihnen einen Blick darauf: An Introduction to APIs (eine Einführung in APIs. Linkadresse: http://www.php.cn/). Es wird auch hilfreich sein, ein wenig über asynchrones JavaScript, Versprechen und Rückruffunktionen zu wissen, wenn Sie diesem Tutorial folgen. Wir verwenden jQuery in unseren Codebeispielen in diesem Artikel. Wenn Sie also die Grundlagen von jQuery kennen, wird das Lesen der Codebeispiele in diesem Artikel weniger schmerzhaft sein.

Um mit der Abfrage der SoundClound-API mithilfe von JavaScript zu beginnen, müssen wir das von SoundClound bereitgestellte JavaScript-SDK herunterladen. Wie am Anfang des Artikels erwähnt, stehen zwei verschiedene SDK-Versionen zur Verfügung.

Welche Version des SDK soll verwendet werden?

Der Hauptunterschied zwischen diesen beiden Versionen des SDK besteht in der Art und Weise, wie sie Daten zurückgeben, wenn eine asynchrone Anfrage gestellt und an die SoundClound-API gesendet wird. Die neueste Version des SDK gibt ein Promise zurück, während eine andere Version des SDK eine Rückruffunktion als Parameter zurückgeben muss.

Ich habe ein Problem mit der im Dokument verwendeten SDK-Version festgestellt. Es scheint ein Problem mit der SDK-Benutzeranmeldefunktionsoberfläche dieser Version zu geben. Dieses Problem besteht darin, dass das Popup-Anmeldefenster nicht automatisch angezeigt wird schließen.

Aus Gründen der Einfachheit und weil die ältere Version des SDK stabiler ist, werden wir in den Artikelbeispielen in diesem Tutorial die ältere Version des SDK verwenden. Diese Version des SDK muss eine Rückruffunktion für die asynchrone Anfrage des Clients zurückgeben.