The Media Tour interaction lets learners step through a series of related images, videos, and Flash files. Use the Media Tour interaction to:

  • Explain a process with images and videos.
  • Walk through screenshots of a software application.
  • Create a multimedia tour from photographs and videos.

Exploring the Editor

The Media Tour editor has three columns with the following panels:

  • Steps: Located on the left side of the screen, this panel is used to manage items for the Media Tour.
  • Media: Located at the top of the middle section, this panel is used to add pictures, characters, videos, and Flash files.
  • Caption: Located at the bottom of the middle section, this panel is used to add a caption to each item in the tour.
  • Audio: Located in the upper right corner of the editor, this panel is used to add and edit audio.

Adding Items

Each step in a Media Tour interaction is called an item. To add an item, do any of the following:

  • Press Ctrl+M.
  • Go to the Media Tour tab on the ribbon, and click Add Item.
  • Click the Create a new step button in the lower left corner of the Steps panel.
  • Click the Duplicate button at the bottom of the Steps panel to copy the currently selected item(s).

New items get added just below the item that's currently selected in the Steps panel.

Tip: A Media Tour interaction can have an unlimited number of items.

Rearranging Items

To change the order of items, select one or more items in the Steps panel, and do any of the following:

  • Drag them to a new location in the list. An orange line will move with your mouse to indicate where the items will be when your mouse is released.
  • Go to the Media Tour tab on the ribbon, click Move Item, and select either Up or Down.
  • Use the Up and Down arrows at the bottom of the Steps panel.

Deleting Items

To delete an item, select it in the Steps panel, and do any of the following:

  • Press the Delete key on your keyboard.
  • Go to the Media Tour tab on the ribbon, and click Delete Item.
  • Click the Delete button at the bottom of the Steps panel.

Adding Media

You can add one image, character, video, or Flash file to each step in a Media Tour interaction. Just click one of the icons in the Media panel. (Click here to see the maximum dimensions for media in each interaction type.)

To switch to a different item of the same type, click the blue text below the item in the media panel.

To switch to an item of a different type, click the red X below the item in the media panel to remove it. Then choose a different media type.

Videos and Flash files have two optional properties:

  • Include Playbar: Mark this box to add player controls, letting learners pause, play, and scrub back and forth.
  • Auto Start: If you include a playbar, you'll also have the option of automatically starting the media or waiting for learners to start it when they're ready.

To learn more about adding media in Engage, see this tutorial.

Adding Audio

To add audio to an item, see this tutorial.

Adding Captions

Unlike other interaction types, the steps in a Media Tour interaction don't have titles or alternate text fields, but you can add a caption to each step. Captions function as titles, and they're also read by screen readers for visually impaired learners. Just enter the descriptive text in the caption panel, and format it using Articulate Engage's text formatting options.

Caption text is centered by default, but you can change it. Place your cursor in the caption field, and use the following keyboard shortcuts:

  • Ctrl+L: Left aligns the text
  • Ctrl+E: Centers the text
  • Ctrl+R: Right aligns the text

Showing or Hiding Captions

By default, captions are enabled for Media Tour interactions, but you can hide them if you prefer. To show or hide captions, do the following:

  1. Go to the Media Tour tab on the ribbon, and click Interaction Properties.
  2. Select the Media Tour tab on the left side of the window.
  3. Mark Show Captions to display captions in your published interaction. Uncheck Show Captions to hide them.
  4. Click OK.

Controlling Caption Height

By default, captions are 60 pixels high, but you can change that. Here's how:

  1. Go to the Media Tour tab on the ribbon, and click Interaction Properties.
  2. Select the Media Tour tab on the left side of the window.
  3. Enter a height between 60 and 100 pixels.
  4. Click OK.

Changing the Caption Color

The caption bar that appears across the bottom of your published interaction uses the same color as the header bar across the top. Here's how to control the color of both:

  1. Go to the Media Tour tab on the ribbon, and click Interaction Properties.
  2. Select the Colors and Effects tab on the left side of the window.
  3. Use the Header type drop-down to select None, Light, or Dark. (If you select None, the header bar won't appear in your published interaction, but the caption bar will use the Light color scheme.)
  4. Click OK.

To change the colors used for the Light and Dark color schemes, see this tutorial.

Exporting Media

Need to reuse your media in a different project? It's easy! Engage lets you export media from a Media Tour interaction. Here's how:

  1. Select the item in the Steps panel that you want to export.
  2. Go to the Media Tour tab on the ribbon, and click Export Media.
  3. Browse to the location where you want to save your exported media.
  4. Click Save.

You Might Also Want to Explore:

Working with the Interaction Title
Adding Content
Adjusting Interaction Properties

Related Content