Monday, November 28, 2011

Easy How-To Instructions for Embedding Video, Sound, and Presentations

To really use all of these tools for your own school counseling website, we have included a guide to embedding video, sound, and presentations into your website.  If you are using a Google based site (such as sites.google.com or blogger.com), you will already have access to embed You Tube videos as well as Picasa photos and pictures.

If you are using Moodle, Blackboard, or another school-based website, follow these instructions to embed You Tube videos, music, and iSprings into your school counseling website.

Embedding You Tube
**Before starting, you will need to download the Download Helper to your computer at http://www.downloadhelper.net/ **
  • Go to You Tube, play the video and click on the Download Helper symbol (seen at right)
  • Scroll to the name of the video you want and download it to your desktop
  • Drag it from your desktop to your personal FTP site (if you do not have an FTP stie, talk to your IT Department.  This is a web-based storage site that will convert your files into a web-based address, which is also called a URL)
  • Highlight a word or picture in in your lesson.  Click the Link icon.  Put in the URL in the link space.
  • After saving the lesson, scroll down and make sure you can see the movie box. 
  • Press play on screen to see if it works.
 Embedding Sound and Music
  • Have your music or voice recording available on your desktop to drag to your FTP site.
  • In the editing mode of your lesson, click to toggle to HTML code
  • At the very top of the lesson put in the HTML code: 
    • <embed height="60" width="144" hidden="TRUE" src="###Your URL from your FTP site"/>
  • Click out of HTML editing back to the normal view
  • When you save the lesson and open it to view it, the sound should automatically start playing

Embedding iSpring

  • After publishing your iSpring, find the file on your desktop and drag it into your FTP site
  • In your lesson where you want to add the iSpring put #### after the text prior to where you want to add the iSpring, so you can distinguish it when you are looking at the HTML view
  • Click to toggle into HTML view
  • Find the ####
  • Add the code: <center><iframe src="FTP URL" width="728" height="584" frameborder="0"</iframe></center>
    • Where is says FTP URL above, copy and paste the iSpring URL from your FTP

No comments:

Post a Comment