Comment intégrer des morceaux sur votre site avec Spotify Play Button

Spotify a introduit une nouvelle fonctionnalité appelée le bouton de lecture Spotify, qui vous permet d'intégrer des morceaux dans des pages Web avec du HTML. Voir ci-dessous quelques exemples de ce que cela ressemble, et attendez-vous à voir ces boîtes grises de choons en streaming apparaître beaucoup plus à l'avenir.

Vous devez être membre de Spotify avec le logiciel de bureau installé pour pouvoir lire les morceaux incorporés. Un clic sur une piste met en pause tout ce qui est lu dans votre application de bureau Spotify. Donc, ceux qui pensent que cela vous permettra d'écouter sans voix, sans vous inscrire, se trompent. Si vous cliquez sur le bouton de lecture d'un appareil mobile, l'application Spotify, si elle est installée, va s'ouvrir.

L'intégration d'une mélodie est similaire au processus qui vous permet d'intégrer des vidéos YouTube sur des sites Web. Tout d'abord, recherchez la chanson de votre choix dans Spotify, cliquez dessus avec le bouton droit de la souris et cliquez sur «Copier l'URI de Spotify».

Rendez-vous ensuite sur ce site et collez le code dans le champ requis. Sous cette boîte, vous trouverez un petit paragraphe de code pratique que vous pourrez coller dans le code HTML de votre blog ou de votre site Web, créant ainsi des mélodies.

Voici le bouton de lecture par défaut - Je pense que la pochette de l'album est un peu gênante et donne à toute la boîte l'aspect d'une publicité.

Heureusement, le site Spotify ci-dessus, qui génère du code, vous permet de personnaliser la boîte. C'est l'option 'compact':

Beaucoup mieux. Vous pouvez aussi changer la taille si vous le souhaitez. Ici, j'ai opté pour une largeur de 620 pixels, qui correspond à la largeur de colonne parfaitement proportionnée de Crave.

Vous vous demandez comment je choisis ces airs incroyables? Ils font tous partie de notre incroyable playlist Spotify Sing-along-a-CNET, comprenant des chansons que nous avons mentionnées dans nos titres au fil des ans. La bonne nouvelle est que vous pouvez également intégrer des listes de lecture entières, sous forme de barres de base dotées de boutons de saut de piste minuscules ...

... ou comme une liste complète. Vous pouvez également choisir le thème "lumière", comme je l'ai fait ici. Notez que ces options ne sont disponibles que si vous optez pour l'option 'grande' lorsque vous personnalisez le code.

Et si cela ne vous dérange pas de vous diriger vers cette page de développeur chaque fois que vous souhaitez intégrer quelque chose, voici le code du bouton de lecture 'compact' par défaut - sauvegardez ce code quelque part et collez l'URI de la chanson sur l'endroit où je l'ai aidé. tapé 'Insérer chanson URI ici':

Très chouette et pratique si vous utilisez un blog ou un site Web, en particulier un site consacré à la musique. Mais il y a d'autres choses que nous souhaitons voir de Spotify: que diriez-vous d'une application iPad, ou du moins d'une application Android qui ne soit pas totalement boueuse?

Êtes-vous un auditeur avide de Spotify? Dites-moi si vous aimez le service dans les commentaires ou sur notre mur Facebook.

 

Laissez Vos Commentaires