Uploading Video to the Media Archive and Embedding it in Moodle
 
Trevor Media Archive Home Page
Tutorials Home Page
Logging In
Viewing Digital Photos and Video
Sharing Media with Others
Downloading and Saving Photos
Purchasing Prints and Other Merchandise
Submitting Images and Descriptions Via Email
Submitting Images in Bulk
Adding Captions
Uploading Video and Embedding it in FrontPage
Uploading Video and Embedding it in Moodle
 

Unlike other external video storage sites, the Media Archive will store your videos permanently. In addition, the archive automatically converts your videos to Flash Media, the most ubiquitous, compatible  and user friendly form of video streaming on the web today. The Media Archive allows you to share your videos. You may send users links to these videos or embed them in web pages.

This tutorial will guide you through the steps of adding videos as a Media Assistant and embedding them into a FrontPage website.

     
 
  Enter Viewing Password in this screen
   
 
  Enter Media Archive Assistant credentials in this screen.
   
   

Creating a Gallery and Uploading Videos

  1. Watch the Jing Video demonstration of this process.

     

  2. Navigate to the Media Archive at http://tds.smugmug.org.

  3. If you have not been there already, enter the case sensitive viewing password: trevords08$ (If you do not check the box relating to "I'm using a public computer, don't save this password" being on a public computer, the password will be saved until you have deleted your browser's cookies.
  4. Login as a Media Archive Assistant
    • Scroll to the bottom of the page and click Login.
    • Email: tds
    • Password: tds566photo (Note this will be saved until you click logout)
    • You will notice when you are on the page now that more features have been added.
  5. Click the Add Photos button and select New Gallery

     
  6. Complete the following fields:
    • Title: Enter the name of the new gallery.
    • Category: Select the current academic year
    • Quick Settings: Select Trevor
    • Click Create Gallery

       
  7. If this is your first time importing images into the Media Archive, you will be prompted to select a method for uploading images. We suggest you use the Simple method with Internet Explorer so, here's how:
  8. Click Simple. You will be prompted to download and install some software. Follow the on screen instructions carefully. The final results will be in a window that appears such as in the example below:

     
  9. Click and drag all of your video files into this window or use the Add Files or Add Folders buttons. (Note: Your files must be between 5-10 minutes and they may be no larger than 512mb each. If you do not know how to determine file size, please ask a member of the technology team for assistance.) Once you have imported your videos into the window, it will look like the example below:

     
  10. If you should like to remove one of the images, you may do so by hovering over the image and clicking on the X.

     
  11. Click the Upload button. Note: Uploading videos is very bandwidth intensive. This may take some time. A screen will appear to show the progress of the file upload:

     
  12. When completed a small popup window will appear to say that the upload is complete. Click OK and click the link with your new gallery name at the top.
      
     
  13. You will see small thumbnail versions of your videos on the gallery screen. Note: This may take some time as it takes the system some time to convert the videos into Flash Movie format.

Embedding Video from the Media Archive in Moodle

  1. In the thumbnail view, click on the desired video which you would like to embed.
  2. Click the small Share button above and select Get Link.

     
  3. A SmugMug page will open containing several lines of code. Locate the line of code next to Web:
  4. Click on the line of code once. The word "Copied" will appear to the right. This means your computer will remember the code until you use any copy functions again.
  5. Open Moodle and login to a course you may edit.
  6. Create or edit a Resource or Activity into which you would like to embed your video.
  7. In a box that will be visible to your students, locate and click the Toggle HTML source button.
  8. Insert the cursor into the position in the relative position within the existing code. Paste the copied code (CTRL-V or Right Click and Paste.)
    See the code example below:

     
  9. Click the Toggle HTML Source button again. If the video does not appear, don't worry.
  10. Click Save and Display to view your video.
 
 
 
     

Trevor Day School ©2009 All Rights Reserved. This page is meant for the exclusive use of the members of the Trevor Community.
Contact the Web Administrator for more information. Last updated on 03/09/2009 11:18:24 AM