miércoles, 13 de febrero de 2013

Stratus: Un plugin de JQuery para SoundCloud

Stratus es un plugin que requiere jQuery y nos permite agregar una barra de reproducción que se conecta con una cuenta cualquiera de SoundCloud, con una lista de reproducción, grupos o archivos individuales.

Se puede incluir fácilmente en cualquier sitio incluso Blogger ya que es un script que podemos colocar en cualquier parte, ya sea la plantilla, una entrada o una página estática:
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>
Al cual debemos configurar indicando la url con la dirección que queremos cargar:
<script type="text/javascript">
$(document).ready(function(){
$.stratus({links: 'https://soundcloud.com/nathan-arnone/sets/r-e-m-green'});
});
</script>
En este ejemplo, es un set (una lista de reproducción) pero podría ser la cuenta de un usuario y reproducir los temas de manear aleatoria de este modo:
$stratus({
links: 'http://soundcloud.com/nombre',
random: true
});
Tiene más opciones y todas se agregan del mismo modo:

align indica dónde aparecerá la barra; por defecto es bottom pero puede usarse top si se queire mostrar arriba
animate es el efecto gráfico, puede ser slide (es el valor por defecto), fade, o false si no se quiere ninguno
auto_play puede ponerse a true si queremos que comience a reproducirse automa´ticamente
buying muestra (true) u oculta el botón de comprar
color define el color de los controles y por defecto es F60
download muestra (true) u oculta el botón de descargar
links es la url a reproducir, si se quieren poner temas sueltos, se separan con comas
offset es la separación dela barra con respecto al borde
position define la posición, si quedará fija (fixed) que es el valor por defecto o no (scroll)
random si es true los temas se reproducirán de manera aleatoria
stats muestra (true) u oculta el botón de estadísticas y detalles
theme permite establecer un estilo especial indicando la url del archivo CSS
user muestra (true) u oculta el botón de información
volume es el volumen y es un valor entre 0 y 100 (por defecto es 50)


No hay comentarios:

Publicar un comentario