Cómo incluir canciones de Spotify con la portada del disco en tu página Web



Los que seguís este blog habréis visto que en muchas ocasiones he incluido en los posts una canción con la portada del disco de manera que pulsando en el botón "play" puedes acceder al programa Spotify, instalado previamente en tu terminal, y escuchar la canción. El incluir estas canciones es debido a que mi otra gran pasión, además de la fotografía y escribir, que es la música, y un blog como éste me permite desarrollarlas todas a la vez. Con este post comienzo una nueva sección del Blog en la que voy a hablar sobre la música que incluyó en él. Si quieres conocerla te invito a seguir leyendo.

Para explicártelo vamos a tomar como ejemplo la canción que va a representar a España en Eurovisión 2018: "Tu canción".

Los pasos para incluir en tu site son los siguientes:

En Spotify, en la canción que quieres incluir selecciona con el botón derecho -> Compartir -> Copiar URI de Spotify:
En nuestro ejemplo: spotify:track:4KCGvQuZSg7UFmjvipUtZY

Ve a la dirección https://developer.spotify.com/technologies/widgets/spotify-play-button/

Esta es la página para desarrolladores de aplicaciones: Spotify Play Button


Pulsa en el botón verde: " GENERATE YOUR PLAY WIDGETCODE HERE!"

Te aparece una nueva página: Play Button

En el punto 2 de esa página, "Paste the link or URI in the field below:", pega la URI que copiaste con un CTRL+V

Automáticamente en el punto 3. de esa página te aparece el código, en forma de iframe, para tu site.
En nuestro ejemplo: <iframe src="https://open.spotify.com/embed?uri=spotify:track:4KCGvQuZSg7UFmjvipUtZY" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

Selecciona todo el código y cópialo con CTRL+C

Además, un poco más abajo, en el punto PREVIEW, puedes ver la portada de la canción tal como quedará en tu web

Con los parámetros que vienen a continuación puedes cambiar el tamaño de la portada en pixels



Volviendo a tu página de edición del blog (en mi caso uso Blogger de Google) tienes pulsa el botón "HTML" y, dentro del código HTML, pega con CTRL+V, el iframe en el punto donde quieres que aparezca... y ¡ya está!

te tendría que aparecer:

Si no usas Blogger puedes incluir la canción en otros websites siguiendo las instrucciones de https://developer.spotify.com/technologies/widgets/adding-widgets-to-websites/

Ahora, si tienes arrancado Spotify en tu PC, al pinchar en el triángulo de PLAY escucharas la canción y podrás detenerla pulsando en el PAUSE. ¡Fácil! ¿verdad?Este procedimiento es totalmente legal ya que no estás descargando la canción de forma pirata a tu PC, sino que lo estás escuchando en tu propia aplicación Spotify de tu PC, pero seleccionada desde tu web. La reproducción la puedes hacer también desde tablets y smartphones que tengan instalado Spotify.

Si te ha gustado este post espero tu comentario, y te invito a que sigas conociendo "Cómo se hace la música de este Blog" en la nueva sección que encontrarás al final del menú vertical de la derecha.

Fuente: este post proviene de Las imágenes que yo veo, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

En España hay más de 10.000 castillos, y aunque no he podido visitar todos ellos de momento, os dejo este vídeo de algunos de ellos que he fotografiado y que son espectaculares. Con estas bellas imáge ...

Recomendamos

Relacionado

móviles spotify spotify gratis ...

¿No puedes vivir sin escuchar música? Entonces no puede faltar en tu Android la aplicación gratuita de Spotify. Sí, has leído bien, desde hace unas horas Spotify para tablets y móviles no tiene coste alguno (a cambio de soportar los molestos anuncios que se cuelan entre alguna que otra canción, claro). La compañía que en 2011 impuso restricciones a su popular servicio de streaming, ha decidido pon ...

aplicaciones

Actualmente si quieres escuchar cualquier canción que te gusta, puedes conseguirla a través del sistema de Spotify. Pero, como todo este tipo de aplicaciones, no podrás acceder a ciertas canciones o servicios si no cuentas con una cuenta Premium por la cual debes pagar. Si solo tienes una cuenta básica de Spotify es como si prácticamente no tuvieras nada, apenas escuchas una que otra canción y cas ...

Dicen que lo bueno tarda en llegar, ahora Spotify es compatible con todos los Chromecast tanto para usuarios premium como gratuitos del servicio. Spotify para chromecast en Android ya es oficial Lo mejor viene para los usuarios con cuentas gratuita. Lee atentamente y entérate de qué se trata.Ya puedes escuchar música en tu televisor Para muchos Spotify es uno de los mejores servicios de música a ...

Tecnología e Internet

Cómo restaurar Playlists de Spotify si las has borrado Las listas de música de Spotify pueden ser súper prácticas, ya que nos permiten compartirlas (como las Spotify Fusión), hacerlas públicas o privadas, crear una para cada ocasión… Pero en ocasiones puede suceder que hagamos un buen trabajo seleccionando nuestras canciones favoritas y de pronto las borremos por error. ¿Te ha pasado? Aquí t ...

Tecnología e Internet

Seguro que ya has visto por Instagram y otras redes sociales el resumen del año de Spotify de tus contactos. Si tú también sientes curiosidad por el uso que has dado durante 2018 a esta aplicación de música, te contamos a continuación cómo puedes acceder a tu “informe anual” y qué datos encontrarás en él. Resumen del año de Spotify (2018): cómo verlo y qué datos nos ofrece Lo primero q ...

Apple Apps iOS ...

Hasta hace poco la aplicación de Spotify para iPhone permitía a los usuarios “enviar” una melodía por iMessage, en donde solo se mandaba una liga, que abría la aplicación de música en cuestión y hasta entonces podía reproducir la canción. Sin embargo, Spotify ahora tiene una forma de compartir música que es mucho más versátil y por supuesto sencilla. Se trata de una app para iMessage, la herramien ...

Tecnología e Internet

La música es nuestra más fiel compañera, en los momentos felices y también en los momentos bajos. ¿No te ha pasado alguna vez que necesitas escuchar una canción u otra según tu estado de ánimo? Si te sientes identificado con esto, la nueva patente de Spotify te va a gustar mucho. Se trata de una nueva tecnología gracias a la cual podrán crearnos listas de reproducción personalizadas según cómo sue ...

Tecnología e Internet

Nadie duda que la gran cantidad de contenido musical disponible en Spotify se combina con una facilidad general de uso que da sentido a que más de 320 millones de usuarios en todo el mundo lo elijan como su servicio de streaming preferido. Sin embargo, algunas funciones todavía pueden ser algo difíciles de encontrar, tal es el caso del historial de reproducciones. De momento hay diferencias en la ...

Gadgets y periféricos

La gama de bombillas inteligente Philips Hue ha anunciado una colaboración especial con Spotify, la cual traerá a la mesa una función para sincronizar la iluminación con el ritmo de la música. De igual la manera, la marca también presentó un buen puñado de novedades y nuevos productos en los que vale la pena indagar, ¿Listos? Por qué allá vamos.  Philips Hue + Spotify  Está función, la cual parece ...

Apps Musica Noticias

Para ti que eres amante de la música pero tienes que estar cambiando de app para acceder a las canciones que están en una pero no en otra, puedes probar la app Qus. Lo que hace esta app es que puedes tener todos tus servicios de música (incluido YouTube) y armar tus playlists con las canciones de todos los servicios. En caso que tengas listas de reproducción en alguna de las aplicaciones, Qus las ...