Mensajes publicados en diciembre 2nd, 2012


Spotify widget, comparte tu lista de reproducción en tu sitio web 0

Spotify widget, comparte tu lista de reproducción en tu sitio web

Posted by on dic 2, 2012 in Desarrollo web, Noticias

Spotify ha creado recientemente un botón de reproducción que los webmasters pueden poner en sus sitios web con el fin de reproducir música en Spotify. El botón de reproducción de música Spotify se integra con los blogs, sitios web y más, dando lugar a una experiencia de web de música más social.

Ahora los webmasters y bloggers pueden añadir el widget de spotify en su página fácilmente, pudiendo añadir listas de reproducción o canciones sueltas. Todo lo que necesitan nuestros lectores para escuchar música es darle al play.

Sin embargo, el oyente necesita tener una cuenta de Spotify y estar registrado dando la oportunidad de navegar por la web, escuchando la lista de reproducción y haciendo la visita mas amena.

Para añadir canciones, tan solo tendremos que abrir nuestro spotify, y dandole clic derecho a la canción que queremos añadir al reproductor, elegiremos la opción “Copy spotify URI”.

Ejemplo de canción copiada desde spotify: spotify:track:1qDrWA6lyx8cLECdZE7TV7 (el texto en negrita es el que nos interesa copiar para añadir a nuestro widget).

Código para reproductor simple de una sola canción:

<iframe src="https://embed.spotify.com/?uri=spotify:track:4bz7uB4edifWKJXSDxwHcs" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Código para reproductor de lista de canciones:

<iframe src="https://embed.spotify.com/?uri=spotify:trackset:titulo para tu lista:1R2SZUOGJqqBiLuvwKOT2Y,1qDrWA6lyx8cLECdZE7TV7,1pwE0jB6MTtTWx8fzqriAj,1Bx0zEdVjkFlV27iKaePug,3K6mJ9J4bCX76eeB2IhMVu,7BTOJ8cvgZuYslN8TCWfg6"  width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Explicación del código:

  • track: Utiliza este código para insertar una sola canción.
  • trackset: Utiliza este código para insertarmas de una canción separadas por coma “,”.
  • width: Ancho del reproductor.
  • height: Alto del reproductor.
  • frameborder: Borde del iframe.
  • allowtransparency: Transparencia para el iframe.

Ejemplo:

Leer mas
unrpintable page

Por favor, no imprima esta página web

Hoy en día, la impresión es innecesaria y no sólo significa un coste innecesario de papel y tinta, sino también el impacto medioambiental evitable en la producción y el uso de estos suministros. La reducción de la impresión puede ser pequeño, pero a la larga, puede llegar a ser un gran impacto significativo.

www.laliamos.com