Please consider sharing the widgets you created on this site for others to use.

 Actions

SoundCloud

From MediaWiki Widgets

SoundCloud widget
Description:Allows you to add SoundCloud tracks.
Author:Sergey Chernyshev, Ioannis Protonotarios
Provider:SoundCloud
Code:Widget:SoundCloud
Status:active
Security:unknown
Inv-Icon tools.svg.png

To copy this widget to your wiki, cut and paste the entire source of the SoundCloud widget code page into a page called Widget:SoundCloud on your wiki.

If you don't have the Widget extension set up on your wiki, go to its description page on MediaWiki.org and follow the installation instructions.


This widget allows you to add SoundCloud tracks to your wiki pages.

To insert this widget, use the following minimum code:

{{#widget:SoundCloud
 |id=26963349
}}

Full code:

{{#widget:SoundCloud
 |id= 
 |width= 
 |height= 
 |color= 
 |visual= 
}}

Parameters

  • id - numeric ID of the track (required)
  • width - width of the widget (default = 100%, use a plain number for pixels)
  • height - height of the widget (default = 160)
  • color - player theme color (default = ff5500, use hex values without #)
  • visual - whether to embed classic or visual player (true/false, default = false = classic player)

Notes

  • To get numeric ID of a track when in SoundCloud click Share > Embed and look inside the embed code for something like "...api.soundcloud.com/tracks/26963349&...". The number "26963349" in this example is the track ID.
  • Parameter color has no effect in visual player.
  • Visual player looks better in a high height value. SoundCloud suggests 300, 450 and 600 as heights.
  • You can further customize this widget in your wiki easily and add more boolean parameters if you wish for auto_play, hide_related, show_comments, show_user and show_reposts. Just look in the widget's code and it's pretty much self-explanatory.

Sample results

Classic

{{#widget:SoundCloud
 |id=26963349
 |color=00FF00
}}

Visual

{{#widget:SoundCloud
 |id=26963349
 |visual=true
 |height=450
}}

Comments

blog comments powered by Disqus