Clocks

Check out some 3D Flash clocks on the Pimping page!



Games




Music




Videos




Documents

Embed Documents

Embed any printable document (PDF, DOC, XLS, VSD, PPT, images, etc.) in Wikispaces using Flashpaper


Chat

Embed a Chat Window

Embed a chat window in Wikispaces using Gabbly and other services


Audio


Flash-based Audio Players for the Web



MP3 Audio Player




  • 1. Load the JavaScript file, "audio_player.js" (change to your folder/file location):
<script language="JavaScript"
src="http://themes.wikispaces.com/space/showimage/audio_player.js">
</script>
  • 2. Load the Flash object file, "audio_player.swf", with the audio file, "audio_player_test.mp3" (change to your folder/file location):
<object type="application/x-shockwave-flash"
data="http://themes.wikispaces.com/space/showimage/audio_player.swf"
id="audioplayer1" height="24" width="290">
<param name="movie"
value="http://themes.wikispaces.com/space/showimage/audio_player.swf">
<param name="FlashVars"
value="playerID=1&amp;soundFile=http://themes.wikispaces.com/space/showimage/jazz30sec.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>
  • 3. On Wikispaces, open the Embed Media Tool (icon looks like a television) and copy both of the above into the text window. You MUST make appropriate changes to file names, paths and any other local preferences.


  • Note that this audio player only supports MP3 files.
  • Flash MP3 Audio Player courtesy 1PixelOut.net
  • Jazz clip courtesy Xiph.org


Fancy Color Version

  • For a second (or third, forth) Audio Player on the same page:
  • id="audioplayer2" (or 3,4) ...
  • playerID=2 (or 3,4) ...
  • Note: FlashVars need to be on the same line with no spaces. There is a space after "FlashVars". For default (gray) behavior, simply leave out any variables. If you are unsure about this, use the simpler version above ...
<object type="application/x-shockwave-flash"
data="http://themes.wikispaces.com/space/showimage/audio_player.swf"
id="audioplayer2" height="24" width="290">
<param name="movie"
value="http://themes.wikispaces.com/space/showimage/audio_player.swf">
<!-- IMPORTANT - ALL FlashVars MUST BE ON THE SAME LINE BELOW - NO LINE BREAKS -->
<param name="FlashVars"
value="playerID=2&amp;
bg=0xffccff&amp;
leftbg=0xccffcc&amp;
lefticon=0x000066&amp;
rightbg=0x990033&amp;
rightbghover=0xccffff&amp;
righticon=0xffffff&amp;
righticonhover=0x660000&amp;
text=0x666666&amp;
slider=0x993366&amp;
track=0xFFFFFF&amp;
border=0x666666&amp;
loader=0x9FFFB8&amp;
loop=no&amp;
autostart=no&amp;
soundFile=http://themes.wikispaces.com/space/showimage/blues14sec.mp3">
<!-- /IMPORTANT - NO WHITESPACE AFTER value ABOVE -->
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>



Flash MP3 Player with XSPFR & M3U playlist support



  • This MP3 Player is provided here as another demo. You are on your own, unless someone wants to pick up support for this page. The player reads from an XML list of audio files (one or many soundtracks). Please download the latest (free) software package from Draftlight.net, including the Flash audio player file (.swf) and all documentation.
  • Draftlight.net

  • FMP256 Flash Music Playhead

    To listen you must install Flash Player. Visit Draftlight Networks for more info.


  • (Careful! There may be line-wrapping & other errors below) ...
  • Flash file is fmp_player.swf
  • Wikispaces Embed Media looks like this ...
<!-- EXTRACT THIS SECTION -->
<object id="fmp256" type="application/x-shockwave-flash"
data="http://themes.wikispaces.com/space/showimage/fmp_player.swf" width="80"
height="80"><param name="movie"
value="http://themes.wikispaces.com/space/showimage/fmp_player.swf" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
<div class="stirfry">
<h4>FMP256 Flash Music Playhead</h4>
<p>To listen you must <a href="http://www.macromedia.com/go/getflashplayer/"
title="Click here to install the Flash browser plugin from Macromedia">install Flash Player</a>.
Visit <a href="http://www.draftlight.net/dnex/mp3player/"
title="Draftlight Networks">Draftlight Networks</a> for more info.</p>
</div>
</object> <script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
    function getFMP256(_swf) {
                // used by setPlaylist to locate the Flash asset
        return (navigator.appName.indexOf("Microsoft") != -1)? window[_swf]:document[_swf];
    }
    function setPlaylist(_pl,_type,_clear) {
                // forces playhead to reload playlist file
                // must specify type as 'xspf' or 'm3u'
                // clear=1 removes existing tracks. clear=0 appends new list after existing one
        getFMP256("fmp256").setPlaylist(_pl,_type,_clear);
    }
// -->
//]]>
</script><!-- END OF EXTRACT -->

  • File fmp_playlist.xml looks like this ...
<?xml version="1.0" encoding="iso-8859-1" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
 <track>
   <title> FMP_PLAYLIST.xml -- Classical 6 Seconds  -- </title>
   <location>http://themes.wikispaces.com/space/showimage/classic6sec.mp3</location>
 </track>
 <track>
   <title> FMP_PLAYLIST.xml -- Blues 14 Seconds  -- </title>
   <location>http://themes.wikispaces.com/space/showimage/blues14sec.mp3</location>
 </track>
 <track>
   <title> FMP_PLAYLIST.xml -- Classical 7 Seconds  -- </title>
   <location>http://themes.wikispaces.com/space/showimage/classic7sec.mp3</location>
 </track>
 <track>
   <title> FMP_PLAYLIST.xml -- Jazz 30 Seconds  -- </title>
   <location>http://themes.wikispaces.com/space/showimage/jazz30sec.mp3</location>
 </track>
 </trackList>
</playlist>

  • File fmp_player.xml looks like this ...
<?xml version="1.0" encoding="iso-8859-1" ?>
<config version="1" xmlns="http://www.draftlight.net/dnex/config/ns/0/">
<playlist static="1" media="audio"
type="xspf">http://themes.wikispaces.com/space/showimage/fmp_playlist.xml</playlist>
<init autoplay="0" volume="80" continue="1" />
</config>