Wie können Sie mit Spotify Play Button Musik auf Ihrer Website einbetten?

Spotify hat eine neue Funktion namens Spotify Play Button eingeführt, mit der Sie Musikstücke mit etwas HTML in Webseiten einbetten können. Nachfolgend finden Sie einige Beispiele dafür, wie es aussieht, und erwarten Sie, dass diese grauen Boxen mit Streaming-Choons in Zukunft viel mehr auftauchen werden.

Sie müssen ein Spotify-Mitglied sein, auf dem die Desktop-Software installiert ist, damit eingebettete Songs abgespielt werden können. Wenn Sie auf einen Titel klicken, wird die Wiedergabe in Ihrer Spotify-Desktop-App angehalten. Diejenigen, die denken, dies würde Sie frech anhören, ohne sich anzumelden, sind falsch. Wenn Sie auf einem mobilen Gerät auf die Wiedergabeschaltfläche klicken, wird die Spotify-App geöffnet, falls sie installiert ist.

Das Einbetten eines Musikstücks ähnelt dem Verfahren, mit dem Sie YouTube-Videos in Websites einbetten können. Suchen Sie zunächst den gewünschten Titel in Spotify, klicken Sie mit der rechten Maustaste auf den Titel und klicken Sie auf "Spotify URI kopieren".

Gehen Sie dann zu dieser Site und fügen Sie den Code in das erforderliche Feld ein. Unter dieser Box erhalten Sie einen praktischen kleinen Code-Absatz, den Sie in das HTML- oder Blog Ihrer Website einfügen und so Melodien erstellen können.

Hier ist der Standard-Play-Button. Ich denke, das massive Albumcover ist etwas ablenkend und lässt die gesamte Box wie eine Anzeige aussehen.

Glücklicherweise können Sie auf der Spotify-Site oben, auf der Code generiert wird, die Box anpassen. Dies ist die "kompakte Option":

Viel besser. Sie können die Größe auch ändern, wenn Sie möchten. Hier habe ich eine Breite von 620 Pixeln gewählt, um mit Craves perfekt proportionierter Spaltenbreite übereinzustimmen.

Fragst du dich, wie ich diese unglaublichen Melodien auswähle? Sie alle sind in unserer erstaunlichen Play-Along-a-CNET Spotify-Playlist enthalten, die aus Songs besteht, auf die wir in unseren Schlagzeilen im Laufe der Jahre verwiesen haben. Die gute Nachricht ist, dass Sie auch ganze Wiedergabelisten einbetten können, entweder als einfache Leisten mit winzigen Track-Skip-Buttons ...

... oder als ganze Liste. Sie können auch das Thema "Licht" auswählen, wie ich es hier habe. Beachten Sie, dass diese Optionen nur verfügbar sind, wenn Sie beim Anpassen des Codes die Option 'large' wählen.

Und wenn Sie sich nicht jedes Mal zu dieser Entwicklerseite begeben müssen, wenn Sie etwas einbetten möchten, finden Sie hier den Code für die Standardgröße "Compact" Play Button - speichern Sie diesen Code irgendwo und fügen Sie den Song-URI an der Stelle ein, an der ich hilfreich bin tippte 'Insert song URI here':

Ziemlich natty und praktisch, wenn Sie einen Blog oder eine Website betreiben, insbesondere einen über Musik. Aber es gibt andere Dinge, die wir von Spotify gerne sehen würden - wie wäre es mit einer iPad-App oder zumindest mit einer Android-App, die nicht völlig verzerrt ist?

Sind Sie ein begeisterter Spotify-Hörer? Sagen Sie mir, ob Ihnen der Service in den Kommentaren oder auf unserer Facebook-Wand gefällt.

 

Lassen Sie Ihren Kommentar