Wie bekomme ich Soundcloud Code von soundcloud.com URL einbetten?

8

Ich habe stundenlang recherchiert, ohne dass es funktioniert hat. Im Prinzip habe ich ein CMS, in denen Benutzer Soundcloud URL wie dieses „ Ссылка “ setzen, dann kann die Seite einen eingebetteten iframe anzeigen. Ich habe die Api Docs für eine Weile gerötet, konnte aber nichts Relevantes finden. Dieser Beitrag hier haben gesprochen, aber ich verstehe nur nicht ganz die Antworten und ich checkte oEmbed und oEmbed Referenz konnte jedoch kein passendes Beispiel finden. Hat jemand noch mehr Hinweise?

Bearbeiten: Dank Jacobs Antwort konnte ich es endlich mit Ajax schaffen.

%Vor%     
Andrew Liu 01.01.2014, 15:44
quelle

4 Antworten

9

Für die ausgewählte Spur ist der Einbettungscode wie folgt:

%Vor%

Das Einzige, was daran einzigartig ist, ist die Track ID, in diesem Fall ist es 101276036 .

Ihr echtes Problem ist also, die Track-ID zu finden, wenn Sie nur die URL haben, und die Soundcloud-API bietet eine Methode namens resolve um genau das zu tun.

%Vor%

Sie können diese ID speichern oder den HTML-Code generieren und speichern, der angezeigt werden soll.

    
Jacob Budin 01.01.2014, 17:02
quelle
13

Ich habe das in meinen Codesnippets für genau Ihren Zweck gefunden, auch ohne eine Client-ID registrieren zu müssen.

%Vor%     
Henning Outspoken 13.12.2014 17:28
quelle
5

Ich suchte nach etwas ähnlichem und fand das sehr hilfreich:

Ссылка

Probieren Sie einfach diesen CURL-Befehl:

%Vor%

Oder diese jQuery ajax Anfrage:

%Vor%
    
robbe clerckx 28.08.2015 10:12
quelle
1

Dies ist eine jQuery-basierte Javascript-Lösung, die ich geschrieben habe.

Es erfordert keine Client-ID.

Stellen Sie sicher, dass jQuery enthalten ist, und fügen Sie dies dem <head> Ihres Dokuments hinzu:

%Vor%

Um einen Soundcloud-Player in eine Seite einzufügen, erstellen Sie eine <div> , weisen Sie ihr eine Klasse sc-embed zu und geben Sie ihr ein Attribut sc_url , das auf die URL der Soundcloud-Seite eingestellt sein sollte.

Zum Beispiel:

%Vor%

Um mehrere Player einzufügen, verwenden Sie mehrere <div> s mit verschiedenen Werten für sc_url .

Sie können die Variable params im Javascript ändern, um Player-Optionen wie hier aufgelistet zu aktivieren oder zu deaktivieren: Ссылка

    
Missy 10.11.2016 19:52
quelle

Tags und Links