Mixcloud Widgets

Mixcloud has several widgets to offer – embeddable playable snippets of code that can be placed into any HTML website or blog on the web. They come in many shapes, sizes and colors and can be used several ways as illustrated blelow. Single Cloudcast Widgets [gigya src=”http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf” flashvars=”feed=http%3A%2F%2Fwww.mixcloud.com%2FMalibuRum%2Fplay-1-dj-mks-summer-throwdown-mix%2F&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=1d8762e8-f322-49ed-afd0-3ca546578071&hide_tracklist=&hide_cover=” type=”application/x-shockwave-flash” wmode=”opaque” allowscriptaccess=”always” allowfullscreen=”true” width=”100%” height=”625″ ]…

By

matclayton

•

Mixcloud collage placeholder

Mixcloud has several widgets to offer – embeddable playable snippets of code that can be placed into any HTML website or blog on the web.
They come in many shapes, sizes and colors and can be used several ways as illustrated blelow.

Single Cloudcast Widgets

[gigya src=”http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf” flashvars=”feed=http%3A%2F%2Fwww.mixcloud.com%2FMalibuRum%2Fplay-1-dj-mks-summer-throwdown-mix%2F&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=1d8762e8-f322-49ed-afd0-3ca546578071&hide_tracklist=&hide_cover=” type=”application/x-shockwave-flash” wmode=”opaque” allowscriptaccess=”always” allowfullscreen=”true” width=”100%” height=”625″ ]

Adjust the size and add a bit of extra color to your Cloudcast widget like so:

[gigya src=”http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf” flashvars=”feed=http%3A%2F%2Fwww.mixcloud.com%2FMalibuRum%2Fplay-1-dj-mks-summer-throwdown-mix%2F&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=1d8762e8-f322-49ed-afd0-3ca546578071&hide_tracklist=&hide_cover=” type=”application/x-shockwave-flash” wmode=”opaque” allowscriptaccess=”always” allowfullscreen=”true” width=”300″ height=”300″ ]

Multiple Cloudcast Widgets

You can also generate widgets that will embed multiple Cloudcasts, which are all playable from one player. These playlists can be generated from almost any list of Cloudcasts on Mixcloud. The lists can be ordered according “Popular”, “Hot” or most recent. By default they show 10 Cloudcasts and are automatically updated from the site.

To generate the code, you need only click the button for the list of Cloudcasts. Here’s a few good examples:

Profile Uploads

Embed the latest Cloudcasts from any Cloudcaster profile – each time the Cloudcaster uploads the widget will update itself. Nice.

[gigya src=”http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf” flashvars=”feed=http%3A%2F%2Fwww.mixcloud.com%2FMalibuRum%2F%3Flimit%3D10&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=c8696d04-2ab7-4401-b6b4-6b28b21d0de3&hide_tracklist=&hide_cover=” type=”application/x-shockwave-flash” wmode=”opaque” allowscriptaccess=”always” allowfullscreen=”true” width=”100%” height=”625″ ]

Playlists

Create a Playlist containing any Cloudcast and embed this on one single multi-cloudcast widget. The widget will be updated each time you add a new Cloudcast to the Playlist.

[gigya src=”http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf” flashvars=”feed=http%3A%2F%2Fwww.mixcloud.com%2FGuardianRadio%2Fplaylists%2Fguardian-radio%2F%3Flimit%3D10&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=e4498d19-7302-413d-bfea-6b8368fa43c4&hide_tracklist=&hide_cover=” type=”application/x-shockwave-flash” wmode=”opaque” allowscriptaccess=”always” allowfullscreen=”true” width=”100%” height=”625″ ]