Come incorporare brani sul tuo sito con il pulsante Riproduci di Spotify

Spotify ha introdotto una nuova funzionalità chiamata Spotify Play Button, che ti consente di incorporare brani in pagine web con un po 'di html. Vedi sotto per alcuni esempi di come appare, e ti aspetti di vedere queste scatole grigie di choon in streaming che spuntano molto di più in futuro.

Devi essere un membro di Spotify con il software desktop installato per riprodurre i brani incorporati e fare clic su una traccia interrompe qualsiasi riproduzione nell'app desktop Spotify. Quindi quelli che pensano che questo ti lascerà sfacciatamente ascoltare senza esserti iscritto si sbagliano. Se fai clic sul pulsante di riproduzione da un dispositivo mobile, verrà aperta l'app Spotify, se installata.

L'incorporamento di una melodia è simile al processo che ti consente di incorporare video di YouTube su siti web. Per prima cosa, trova il brano che desideri in Spotify, fai clic con il pulsante destro del mouse sul brano e premi "Copia Spotify URI".

Quindi vai su questo sito e incolla il codice nel campo richiesto. Sotto quella casella otterrai un piccolo paragrafo di codice a portata di mano, che puoi incollare nel tuo blog o nel tuo html del sito web, creando così dei brani.

Ecco il pulsante di riproduzione predefinito: penso che la massiccia arte dell'album sia in qualche modo distraente e rende l'intero box simile a un annuncio.

Fortunatamente, il sito di Spotify in alto che genera codice ti consente di personalizzare la scatola. Questa è la 'opzione compatta':

Molto meglio. Puoi anche cambiare la taglia se lo desideri. Qui, sono andato per 620 pixel di larghezza, per adattarsi alla larghezza della colonna perfettamente proporzionata di Crave.

Mi chiedo come sto scegliendo questi brani incredibili? Sono tutti presenti nella nostra fantastica playlist Spotify di Sing-along-a-CNET, comprendente brani a cui abbiamo fatto riferimento nei nostri titoli nel corso degli anni. La buona notizia è che puoi incorporare anche intere playlist, sia come barre di base che con piccoli pulsanti per saltare la traccia ...

... o come una lista intera Puoi scegliere anche il tema "leggero", come ho qui. Nota che queste opzioni sono disponibili solo se si utilizza l'opzione 'grande' quando si personalizza il codice.

E se non ti va di occuparti di quella pagina sviluppatore ogni volta che vuoi incorporare qualcosa, ecco il codice per il pulsante Play 'compact' di dimensioni predefinite - salva questo codice da qualche parte e incolla l'URI della canzone su dove sono stato utile digitato 'Inserisci l'URI della canzone qui':

Abbastanza natia e utile se gestisci un blog o un sito web, soprattutto uno sulla musica. Ma ci sono altre cose che ci interessa vedere da Spotify: che ne dici di un'app per iPad o almeno di un'app per Android che non è totalmente borked?

Sei un appassionato ascoltatore di Spotify? Dimmi se ti piace il servizio nei commenti o sulla nostra bacheca di Facebook.

 

Lascia Il Tuo Commento