In Engage'09, adding images and multimedia is pretty simple. Check out the two tutorials above on how to add movies and images. Here's a walk-through of the steps:
Step 1: Choose Your Media
- Open your interaction in Engage and go to any tab, segment, or step where you'd like to add an image or movie.
- If you're working with a Labeled Graphic of Guided Image interaction, click Edit Labels.
- Click Add Media.
- Find the image or movie you want to add, and click Open. Engage supports the following formats:
- Movies: FLV, SWF, MP4
- Images: JPG, JPEG, BMP, GIF, PNG
Step 2: Choose the Position and Size
- Choose its position and size.
- Position: In this dropdown, choose where you want the image or video to show up in the viewing area, relative to any text you've entered for this part of your interaction. For example, choose Top and your media will appear in the top part of the viewing area, with related text below it.
Size: Choose Auto-size and Engage will handily adjust the size to fit in the viewer. Or if you like, choose Custom size and enter the specific size, in pixels, that you want the media to be. (Mark the Keep Aspect Ratio box if you want to adjust the size but still keep the same width/height proportions.)
Tip: If you're looking for the maximum size you can use without resizing, check out this.
Step 3: Set the Display Options
Next, choose your display options for your image or video.
Mark or unmark the Zoom Image box. If you mark it, users will be able to zoom in on the image by cliking a little magnifying-glass icon that appears on the image after you publish. Some tips:
- If you specify the zoom as In current window, the zoomed image will pop up right within the interaction window when users click to zoom. If you'd rather have it appear in a separate browser window, choose In new window.
- If your image is small to begin with, the zoom feature might not work well. When zooming, Engage doesn't blow up an image beyond its original size.
For videos: You can use the small blue play button to play a preview of your movie. Set your preferences for the following:
- Include playbar: If you check this box, users will see a playbar at the bottom edge of your video and can use it to play and pause. If this box is unchecked, the video won't have any player controls — the video will just automatically start playing when users arrive at this part of your interaction.
- Auto Start: If you opt for a playbar on your video, use this box to choose whether or not the video starts automatically.
Display (this option appears for SWFs only): Choose one of these options from the pulldown:
Full size means that when the video plays, it'll expand to fill the interaction window. You'll get the best results with full-size viewing if your SWF is about 700x520 or smaller—large movies will be scaled down to fit.
In new window means the video will play in a new, separate browser window, which users can resize if they want.
Embedded means it will play within the viewing panel of the particular tab, segment, or step of your interaction.
- Full size means that when the video plays, it'll expand to fill the interaction window. You'll get the best results with full-size viewing if your SWF is about 700x520 or smaller—large movies will be scaled down to fit.
- Thumbnail (this option appears for SWFs only): Here you can pick the thumbnail image you want users to see for your video. You can choose the default Flash icon, the first frame of your movie, or a custom image. To load a custom image click the ellipse (...) button next to the dropdown.
Click OK once you're finished setting all of the preferences for your image or movie. You can go back and change your video or image properties any time by clicking Edit Properties.