Multimedia Madness

a workshop by
Wesley A. Fryer
wesfryer@yahoo.com

A linked copy of this handout is available on:
www.wtvi.com/teks/mm
Sign up for my monthly educational technology email update on:
www.wtvi.com/teks/
(at the bottom of the page)

Last updated Sat, June 28, 2003

Objective: This hands-on session will teach the basics of capturing graphics, video, and audio from the web and CDs. We will also practice inserting captured files into a multimedia presentation.

Outline:

  1. Before Starting
  2. Copying and Pasting with the Clipboard - Practice Your Skills!
  3. Saving Images as files
    1. Sources for internet images
    2. From the Internet
    3. From a CD-ROM Encyclopedia
  4. Making Screenshots
  5. Movies: Quicktime and MPEGs
  6. Audio Files
    1. WAV files
    2. MIDI files
    3. MP3s
  7. Inserting Media Elements into Presentations
  8. Copyright Considerations / Source Citations
  9. Software Tools and Web Resources


1. Before Starting

Browser Type:

These instructions are for Macintosh and Windows computer users, using Internet Explorer . If you need to download & install Internet Explorer (or update the version you have), visit:

WinWindows Users: Unless the instructions specifically state "RIGHT click," assume all directions to "click" mean with the LEFT mouse button.

Monitor Colors:

Make sure you computer is set to display the maximum number of colors. When copying and pasting graphics from the Internet or CD-ROMs, this is important.

WinWindows users: Either

MacMacintosh Users: Either

Install Plug-Ins

QUICKTIME: I recommend installing Quicktime software before completing the steps of this workshop. It is available for both Macintosh and Windows computers. Download it at:

WINDOWS MEDIA PLAYER: You might also want to download and install (or update) Windows Media Player. It is also available for both Macs and Windows computers:

REAL PLAYER

SHOCKWAVE PLAYER from Macromedia

FLASH PLAYER from Macromedia


2. Copying and Pasting with the Clipboard (separate handout available)

All computers have a short term memory bank called the "clipboard." Unless you install special software, the clipboard will remember one thing at a time that you copy. This can be a bunch of text, an image file, or a sound file.

Multitasking: Using more than one software application at a time.
When we copy and paste text or multimedia elements, usually we need to multitask. This means that more than one application is open at the same time.

Copy and Paste Instructions (Mac/Windows)

  1. Open a web browser (Netscape or Internet Explorer, also called "IE") and a word processor (ClarisWorks or Word) or Multimedia Presentation Program (like PowerPoint.)
  2. At the bottom of the screen (on the taskbarWin or dock Mac) click on a different program to switch into it.

TO COPY AND PASTE TEXT:

  1. Go to the webpage in Netscape/IE which contains the info you want.
  2. Highlight the text you want to copy by clicking and dragging.
  3. From the EDIT menu, choose COPY. (or right click and choose copy)
  4. Switch into your Word, PowerPoint, or another application you want to past into (make it "active")
  5. Click where you want to put the text
  6. From the EDIT menu, choose PASTE.

TO COPY AND PASTE PICTURES/GRAPHICS: (On a Windows computer, this only works with IE)

  1. Go to the webpage in Internet Explorer which contains the picture/graphic you want.
  2. Move your mouse over the graphic you want to copy
  3. Copy the picture by:
    • MacMAC: Click the mouse button and hold it down till you see a popup menu, then choose to "COPY IMAGE"
    • WinWIN: Click with the RIGHT MOUSE BUTTON on the picture, and from the popup menu choose to "COPY."
  4. Switch into the other application you want to paste into (make it "active")
  5. Click where you want to put the text
  6. From the EDIT menu, choose PASTE.

Practice your Skills


3. Saving Images As Files

Sometimes, rather than copying and pasting images one at a time into a document, it is preferable to save the image as a separate file. This often retains better resolution (picture quality), and lets you insert the same picture into multiple documents at different times. You can create folders of media resources like this, similar to clip art libraries that come with some software programs.

Sources for internet images are available at the end of this curriculum under the WEB RESOURCES heading.

Saving Internet Images

  1. Locate an image you want to save on an Internet webpage.
    1. MacMAC: Click the mouse button and hold it down till you see a popup menu, then choose to "DOWNLOAD IMAGE TO DISK":
    2. WinWIN: Click with the RIGHT MOUSE BUTTON on the picture, and from the popup menu choose to "SAVE PICTURE AS":
  2. Locate the place on your hard drive or network where you want to save the file, and create a new folder if necessary. For this class, we will save the files on the desktop, but usually you will save files in your home directory (H: drive).

Saving a Graphics File

WinWINDOWS:
  1. Choose to save the file to the desktop in a new folder. Click the "down arrow" at the top of the dialog window and choose DESKTOP. Choose to save to the desktop
  2. Next, click the new folder icon:Click the New Folder icon
  3. Enter a name for the folder, then press the enter key. (You might name it "images" since it will contain saved pictures)
  4. Double click the folder or click OPEN to choose to Save the file inside.
  5. Click SAVE.
MacMACINTOSH:
  1. Choose to save the file to the desktop in a new folder. Click the "down arrow" at the top of the dialog window and choose DESKTOP.
  2. Next, click the new folder icon:
  3. Enter a name for the folder, then press the enter key. (You might name it "images" since it will contain saved pictures)
  4. Double click the folder or click OPEN to choose to Save the file inside.
  5. Click SAVE.

The next time you try to save a file from the Internet, your web browser should immediately take you to this same folder by default. So, you'll just have to click SAVE.

NOTE: Before clicking the SAVE button, make a mental note of the graphic file's name. You can change the name of the file if desired.

Saving CD-ROM Encyclopedia Images

It is often faster to use a CD-ROM encyclopedia to locate multimedia resources rather than the Internet. These instructions are for the Grolier Multimedia Encyclopedia 1998 (GME98). If you don't have a CD-ROM encyclopedia, or even if you do, you can access the current Grolier resources at http://go.grolier.com/. The site requires a user id and password. Ask your workshop presenter for your district's id/password. Save images from the Grolier Internet site as described above.

GME 98To Save Images from GME 98:

  1. Launch GME98 by double clicking the desktop shortcut.
  2. Click START in the lower right corner.
  3. Click the SEARCH tab on the left side of the window.
  4. Click the COMPLEX button (see the graphic on the right.)
  5. Under MEDIA TYPE click NONE.
  6. Click the box next to PICTURES (so it is the only media type you are searching for)
  7. At the top of the screen, by "WORDS TO SEARCH FOR," type the name of a person or thing you want to find a picture of.
  8. Click SEARCH.
  9. Double click the Photo you want to view in the results window: GME98 result
  10. Right click the displayed photo and save it as described under "Saving a Graphics File." GME Photo Save

You also have the option to COPY the image to the clipboard and paste it into another document, as described under "Copy and Paste Instructions."

If the option to COPY or SAVE an image is "greyed out" so it cannot be selected, that probably means GME98 does not have copyright permission to let you copy that image. You can either search for a different image, or use the screen capture techniques described next to save the image.


4. Making Screenshots

A "screenshot" is an exact copy of a region or the entire computer screen at a specific moment. It is like taking a picture of your computer screen. A screenshot can be saved to the clipboard (so you can PASTE it into another document), saved as a file, or printed immediately.

Built-in Screen Capture Tools

Both Windows 95/98 and the Macintosh operating system have keyboard shortcuts that allow users to create screenshots.

WinWindows:

MacMacintosh:

Shareware Screen Capture Tools

The built-in screen capture tools in Windows and the Macintosh OS leave a bit to be desired.

Download and Install Screen Capture Shareware Utilities

Specify Preference Settings Within the Screen Capture Utility

WinWindows (SnagIt):

MacMacintosh: (Snapz Pro 2):

Make a Screenshot

Open up a webpage or another program containing a graphic you want to capture.

WinWindows (SnagIt):

  1. Make sure SnagIt is running. Its icon should be visible on the task bar if it is.
  2. Hold down CONTROL and SHIFT and press P.
  3. Select the portion of the screen you want to capture. Click and hold down the mouse to make your selection.
  4. After you release the mouse, an acceptance screen will pop up. Click the GREEN ARROW to accept the image, or the RED SQUARE to reject (not save) it.
  5. If you selected CLIPBOARD as your OUTPUT option, the region of the screen you selected is now stored on the clipboard. Go into your word processing or presentation software and PASTE it in.
  6. If you selected FILE as your OUTPUT option, you will need to save the file somewhere on your hard drive or on the network. Refer to the "Saving A Graphics File" section if you need guidance.

MacMacintosh: (Snapz Pro 2)

  1. Hold down SHIFT and CONTROL and press 3 (or a different keyboard shortcut you defined),
  2. Choose the options you want in the lower part of the screen (where to send the file (clipboard, desktop, or Screen Snapz folder, hide or show the cursor, choose the file type):SnapZ options
  3. After choosing those options, click what you want to capture (the Screen, a window, a drop down Menu, or a region of the screen: Selection Capture.)
  4. If Screen is selected, a picture will be taken and sent to your destination.
  5. If Window is selected, an icon with a blinking question mark will be shown. Click on the window you want to capture. Then a picture will be taken and sent to your destination.
  6. If Menu is selected (you need to click on the menu option to capture first), an icon with a blinking question mark will be shown. Click on the menu and the picture will be taken and sent to your destination.
  7. If Selection Capture is selected, a selection box will appear. Stretch the corners of the box so it covers the part of the screen you want to capture, then press ENTER to take the picture and send it to your destination.


5. Movies

Movies on the Internet and on CD-ROMs are saved in a variety of formats. Three of the most common formats are Quicktime (.mov), MPEG, and AVI. Of these formats, all Quicktime (.mov) files can be imported into HyperStudio and PowerPoint. MPEG files can be imported into HyperStudio on Windows computers, and can be converted into Quicktime movies for importing on Macintoshes.

BIG FILE SIZES: Beware! Movie files are usually over 1 MB in size, and can be much bigger. This means they take a long time to download from the Internet, especially on a modem connection! Even on a direct connection (like at school) it can take a long time to view them. (The movie preview for "The Green Mile" is 8.5 MB!)

An Aside: FYI, there continues to be a huge battle between companies over media formats. One of many strikes against Microsoft in the Dept of Justice trial is their flagrant attempts to kill Quicktime, which is Apple's cross-platform streaming media technology. The big players in this competition continue to be Microsoft (with it's Media Player), Apple (www.apple.com/quicktime), and Real Player (www.real.com).

To Save A Movie

Most webpages containing links to movies will play directly in your web browser. Some of these movies may not be easily "savable" as separate files on your hard drive. Sometimes this is done for copyright reasons. For example, current movie trailers (previews) may be viewable in the web browser but not saveable:

If you pay $30 and upgrade to "Quicktime Pro," it is very easy to save movies that play inside your web browser:

If the movie opens inside Windows Media Player instead of in your browser window, after it loads you can choose FILE - SAVE AS to save it on your hard drive or on the network. Again, make sure the file extension stays the same (either .mov or .mpg).

Another solution is to find a webpage that has direct links to movie files (movies are NOT embedded in the webpage). You can tell if the link is to a webpage or to a movie by looking in the lower right corner of the browser window. You can see the address at right ends in .mpg, which means it is a MPEG movie. If the address ends in .htm or .html, it is NOT a direct movie link and will instead take you to a webpage:

Examples of a pages with direct movie links is:

Save the Link's "Target" as a file:

WinWindows: Right click the direct link to the movie and choose SAVE TARGET AS:

MacMacintosh: Click the link and hold down the mouse until a pop-menu appears. Choose DOWNLOAD LINK TO DISK:

You can then save the movie file to your hard drive or the network just like you save a graphics file. Make sure the file extension stays the same, either .mov or .mpg.

Refer to the section on Web Resources for more movie download locations.

If you cannot save the movie source file

Often, it is difficult or impossible to directly save the movie on the internet to your computer's hard drive. As long as you have a live connection to the internet during a multimedia presentation, however, it is still possible to use the internet movie and show it to your audience. Include the movie in your presentation by inserting a live hyperlink reference to the movie on the internet.

  1. Copy the internet address (LINK) for the movie to the clipboard:
    • WinWindows: Right click the direct link to the movie and choose COPY SHORTCUT:
    • MacMacintosh: Click the link and hold down the mouse until a pop-menu appears. Choose COPY LINK TO CLIPBOARD:
  2. Type text or create a graphical button in your presentation software which will serve as a link to the movie, and attach a hyperlink to the text or button.
    • PowerPoint 2000:
      • From the AUTOSHAPES menu, choose ACTION BUTTONS and then the MOVIE CAMERA.
      • Click and drag to draw the shape where you want it on the slide.
      • For the Action Setting, choose HYPERLINK TO URL.
      • Press CONTROL - V for Windows (Command - V for Mac) to paste the internet address copied to the clipboard into PowerPoint.
      • Click OK to close the Action Settings window.
    • HyperStudio 3.2
      • Create a new button (WinControl-B, MacCommand-B).
      • For ACTIONS, choose NEW BUTTON ACTION.
      • Select Netpage NBA.
      • Click USE THIS NBA.
      • Press CONTROL - V for Windows (Command - V for Mac) to paste the internet address copied to the clipboard into HyperStudio.
      • Click OK as required to finish your button.
  3. During your presentation, when you want to show the movie, click your text or button and the movie will be displayed.

REAL audio/video files will often download a small file to your desktop that connects the player to the internet. Use a local hyperlink to this file to launch the Real Player and connect to the movie online.

This alternative is not optimal, since internet transfer speeds will affect how quickly or slowly the movie is displayed during your presentation. This technique can allow movies which would otherwise not be usable to be included in a presentation, however.

Remember to include proper bibliographic citations for all movie links in your bibliography.

Sample Direct links:

Resources for downloading internet movies

The best way to provide insertable movies for student presentations is to either purchase a CD-ROM containing relevant movies or to locate / download the movies yourself and provide them for students on either an intranet or CD-ROM. Using sites that have some sort of content filter is a smart idea, but it offers NO GUARANTEE that students will avoid objectionable internet content! This is an example of the content filter available for Lycos: These filter settings can be preserved with a password. Teachers should set up student workstations with these passwords BEFORE students use them for searches.


6. Audio Files

As with movies, audio files come in a variety of different formats. Also like movies, many audio files are often embedded into webpages to play automatically.

Here is a brief comparison of three popular audio file formats:

WAVE
MIDI
MP3

File Extension(s)

.wav
.mid or .midi
.mp3

Content

variable quality music and speech
Instrumental only
CD Quality music and speech

File size range

varies, usually less than 500K (half a megabyte - small)
less than 50K, often smaller than 20 K (small)
over 1 MB

Comments

WAV files work well as sound effects for navigational buttons in HyperStudio
MIDI files work well as background sounds in HyperStudio stacks.
Lots of illegal, pirated copies of CD Tracks are online as mp3 files.

Obtain Software to play and convert audio files into different formats:

MIDI files are not supported within PowerPoint, but WAVE files are. Both MIDI and WAVE files are supported by HyperStudio.

Another media format not addressed here is the Real Player format, sometimes called Real Audio. Real Player works on both Macs and Windows computers, and plays streaming audio as well as video. More info about Real Player (which is free) is available at http://www.real.com. Examples of Real Player's content are available on C-SPAN's website:

To save an audio file to your hard drive (like a movie file) find a direct link to the file. The extension should be .WAV, .MID or .MIDI, or .MP3. For help, refer to the section on "Save the Link's Target as a File."

Some people have created compliations of MIDI files for download. These files are ususally in zip format and are larger in size, but may contain over 100 different MIDI selections. An example is:

Refer to the above section on inserting a hyperlink in PowerPoint to learn how to insert a link to an audio file. When choosing an action, choose OTHER FILE and select the audio file. Make sure the audio file is saved in the same folder as your presentation file, and if you copy it to another computer, copy the audio file(s) as well!

Refer to the section on Web Resources for sound file download locations.


7. Inserting Media Elements into Documents

If you have Quicktime installed on your computer, you should be able to insert the following file types into both PowerPoint and HyperStudio (v 3.2) on Windows and Macintosh computers:

I am not sure if mp3 files can be inserted. You may have to convert the MP3 file into a Quicktime movie to insert it. This will REALLY increase the file's size.

PowerPoint:

Refer to PowerPoint in the Classroom: Adding Sound for additional help and tutorials.

Inserting an Audio File in PowerPoint as a Background Sound (for the entire presentation

  1. Select the first slide of the presentation.
  2. From the INSERT menu choose MOVIES AND SOUNDS, then MOVIE FROM FILE. Locate the desired audio file.
  3. When asked "Do you want your sound to play automatically in the slideshow" click YES.
  4. From the SLIDESHOW menu choose CUSTOM ANIMATION.
  5. Click the ORDER AND TIMING tab.
  6. Make sure the audio file is FIRST in the animation order, and PLAY AUTOMATICALLY is selected.
  7. Click the MULTIMEDIA OPTIONS or OPTIONS tab, under WHILE PLAYING select CONTINUE SLIDE SHOW. After STOP PLAYING, enter the number of the last slide in the presentation.
  8. Click the LOOP UNTIL STOPPED option.
  9. Click OK.

Shockwave files can be used in PowerPoint. A link to a tutorial about these techniques is available on www.bitbetter.com/powertips.htm

HyperStudio:


8. Copyright Considerations / Source Citations

A workshop on obtaining multimedia elements from the Internet and CD-ROMs would be incomplete without a discussion of copyright issues and methods of source citation.

What is legal when it comes to using multimedia in the classroom?

What is a good standard for citing webpages?

Tools for Academic Honesty / Source Documentation

  1. NoteStar: An online tool to assist with documentation (http://notestar.4teachers.org)
  2. Suggestions for Works Cited: Grades 1-6 - (http://nausetschools.org/research/works2.htm)
  3. BibBuilder: Free Online Bibliography Builder - (www.uwec.edu/jerzdg/orr/articles/research/bib/)
  4. Style Sheets for Citing Internet Resources (http://www.lib.berkeley.edu/TeachingLib/Guides/Internet/MLAStyleSheet.html)
  5. Columbia Guide to Online Style (http://www.columbia.edu/cu/cup/cgos/idx_basic.html)
  6. Internet Citation Guides from the University of Wisconsin-Madison
  7. Citation and Bibliography Formats from UT-Austin

Other helpful links relating to copyright / intellectual property issues:


9. Software Tools and Web Resources

Software Tools

Web Resources


Tools for the TEKS home | Article Archive | Technology Workshops
Mailing List | Feedback | Tools and Techniques | Technology Idea Exchange

Contact me using this webform.

Creative Commons License
This work is licensed under a Creative Commons License.

Banner 10000026