ADD MULTIMEDIA TO A COURSE


You can add audio or video as a very effective training element either within a course or as the whole content of a course. You can add audio or video within a block or as its own object. If you want to place it as its own object, you must first create a holder for it. To do this, you can add an HTML block to the page (using the Add Block dropdown you see in Editing Mode) or a web page resource (using Manage Activities and the Add a Resource dropdown box). See the step guide titled Create a New Activity and Add it to a Page for help with this step.


Before You Begin


  • Locate the file you want to add to the course on your own system.
  • Determine where in the course the multimedia file should go.
  • Decide whether you want to place the object within existing text or on its own.

Begin


  • Before you place the file, you need to load it to your course. Find the Administration Block in the course.
Administration Block

Generally, the Administration Block appears in the left-column or can be found by clicking Administer My Course in a facilitated template. If you cannot find this block, you can temporarily add it to any page by selecting it from the Add Block dropdown. Make sure you’re in Editing mode to see this dropdown.

  • Click the Files option in the Administration Block. The screen will change and you will see any files that already exist.
  • Click the Upload a File button on the right side of the screen. The screen will change to let you find the file on your own system.
  • Click the Browse button and then find and open your file in the Insert File dialog box. You’ll return to the previous screen and will see the location and name of your file in the box.
  • Click the Upload This File button.  In a few moments, the screen will change and you will see your file in the list. It is now available to the course and ready to be placed on a page.

A shortcut is to right-click the name of the file and then select Copy Shortcut or Copy Link Location (browser-dependent). This will copy a link to the file so you can later place it in the course.

  • Display the page where you want to put the multimedia object. Make sure editing is turned on.
  • Click the small blue edit icon under the name of the block to which you want to add the new item. The screen will change to help you edit the block. Scroll down to see the contents of the block.

NOTE: If you are using a web page resource, make sure you scroll down past the Summary section to the section titled Compose a Web Page.

  • In the second line of buttons, find and click the Toggle HTML Source button. The screen will change and you will see any text or images that were already in the block as HTML.
Toggle HTML Source button
  • Place the following code in the place where you want the audio or video to go:
<a href="/http://campus.educadium.com/campusname/FILE.PHP/coursenumber/filename?d=720x540"></a>

If you’re deploying .mp4 format videos then please use the following embed link instead:

<video width="xxx" height="xxx" id="myvideo" data-setup="{}" preload="none" controls="true"><source src="/http://campus.educadium.com/campusurl/file.php/course_id_number/video_filename.mp4"></source></video>


IMPORTANT: The red text can be replaced with the link to the file you copied at the end of Step 5 above. Otherwise, you must replace the yellow-highlighted text with text that matches your campus, course, file, width and height.

  • Scroll down to the bottom of the form and then click the Save and Return to Course button (web page resource) or the Save Changes button (HTML block). Your multimedia will appear on the course page.

If the EasyCampus player is not working well for your multimedia type, it's possible you can play it using an explicit object embed code. Make sure you've first loaded your file using the step guide above for help if needed.

For example, this code uses Google's player and embeds an mp3 file loaded into a sample EasyCampus. If you use it, be sure to edit the red parts.

<embed type="application/x-shockwave-flash" flashvars="audioUrl=filelink" 
src="http://www.google.com/reader/ui/3523697345-audio-player.swf"
width="400" height="27" quality="best"></embed>

There are many free players you can embed in a course page. Try an internet search framed something like "Embed ____ in html" where you replace the blank with the extension of the media you want to embed.