You can use S-Drive to host your music, videos, calendars and more on any hosting or social media service. Here's an example on how to upload Web Jukebox to your S-Drive account so that it can be used on an external server.

  1. First, open the XML file that is associated with the object being added to S-Drive using a text editor. Find each file name that references media files (this includes images, music, video, and any other content) and include the full URL where the file will be found in front of the file name.

Example 1: If you come across "song.mp3" in the code, you will need to change this to:

http://myslug.coffeecup.com/_sdrive_media/song.mp3

where "myslug" is the name of your CoffeeCup subdomain.

Example 2: If you come across "body.jpg", you'll need to change this to:

http://myslug.coffeecup.com/_sdrive_media/body.jpg

  1. Go to your S-Drive account at http://www.coffeecup.com/sdrive/dashboard and click on Images and Media.
  2. Click the [+] Add New File link.
  3. This is the important part. You need to upload to S-Drive every single file that Jukebox (or whatever Flash application you are using) instructs you to upload. This means you need the XML, SWF, and .JS files, and everything located in the _files folder.  Do not skip over any files.
  4. Here is the code that our Flash applications will produce. You need to modify this HTML markup and point the two items in yellow to your web address on S-Drive. What you are doing is including the full URL that points to these files within the quotes anywhere that one of these media files is present. You'll need to change the word "myslug" to the subdomain you use with S-Drive.

Before:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="288" height="241" id="CC2692951" align="middle">
<param name="movie" value="myjukebox.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="myjukebox.swf" quality="high" bgcolor="#ffffff" width="288" height="241" name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

After:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="288" height="241" id="CC2692951" align="middle">
<param name="movie" value="http://myslug.coffeecup.com/_sdrive_media/myjukebox.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://myslug.coffeecup.com/_sdrive_media/myjukebox.swf" quality="high" bgcolor="#ffffff" width="288" height="241" name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

  1. Now all you need to do is paste the changed code into any webpage and the jukebox will appear.

Integrating S-Drive content with Facebook

Want to know how to integrate this content onto your Facebook page? Read this article to find out.