Embedding Audio into SoftChalk Presentations

By default, SoftChalk presentations do not allow for true embedding of audio files.  Any audio files added to SoftChalk presentations rely on the end-users computer to have some sort of software installed which will play the audio file.  I've tried several different methods of embedding audio player into SoftChalk with varying degrees of success.  However, by using the "IFRAME" HTML tag, we can seamlessly embed the audio file into SoftChalk.  Here's how...

  1. Download this audio player into the SoftChalk presentation's directory. (Right click on the link and select "Save target as...")
  2. Create a new blank HTML document in your text editor.
  3. Copy and paste the following text into the new document.

    <html>
    <head>
    <title>CHANGE THIS TEXT TO REFLECT NEW PAGE TITLE</title>
    </head>
    <body>
    <center>
       <object type="application/x-shockwave-flash" data="player_mp3.swf" width="200" height="20">
          <param name="movie" value="player_mp3.swf" />
          <param name="bgcolor" value="#ffffff" />
          <param name="FlashVars" value="mp3=ADD_MP3_FILENAME_HERE" />
       </object>
    </center>
    </body>
    </html>
  4. Make any necessary modifications to the HTML code (add headings, add instructions, etc.) and thens save the HTML document into the same directory as the SoftChalk presentation.
  5. Go into SoftChalk and load up the presentation into which you'll be adding the audio.
  6. View the source of the SoftChalk presentation and navigate to the point where you want to embed the audio and paste the following code

    <iframe src="HTML_DOCUMENT_YOU_JUST_CREATED" height="250px" width="70%" frameborder="0">
    <p>Your browser does not support iframes. In order to access this material, you will need to upgrade your browser to either the latest version of <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a> or <a href="www.mozilla.com/firefox">Firefox</a></p>
    </iframe>
  7. Modify the code as needed to accommodate your work.
  8. Save the presentation and preview it.