One of the great features that was introduced with Captivate 5 is the ability to use Slide Video. This video import type allows you to span the video file over multiple slides allowing for the development of sophisticated video interactions. The only other way that video can be used is by importing a FLV or F4V file to one slide. In this post, I’m going to show you how to implement Slide Video and discuss the differences between each type of video import.
After you try using Slide Video for the first time - you’ll realize that there are numerous possibilities for building creative interactions. Here are just a few ideas of what can be created:
- Step-by-step instructions with bullet points
- Talking head describing a process in the Table of Contents
- Scenario training with branching to a different section of the video
- Using draw shapes and graphics to overlay the video over multiple slides
I recently completed a project for Schwinn Bicycle called “Bicycle Assembly 101″ and it was filled with great video of a subject matter expert putting together a bicycle. When I was scoping out this project - I knew right away that this would be perfect for Captivate’s Slide Video feature. The student would be able to control the video via the Captivate Skin and as a developer I was going to be able to synchronize audio on the timeline. The audio was recorded by talent separately and not included in the video - so this worked to my advantage.
For these step-by step procedures the video remained in the same location on each slide it appeared on. For this type of information and the way it was presented - it made sense just to keep it stationary. You do have the ability to change any of the visual properties of the video between slides. This includes the following:
- Location (X/Y position)
- Rotation (CP 5.5 only)
- Drop Shadow (CP 5.5 only)
In addition to these visual properties, you are allowed to layer other visual content on top of the video which makes it easy to add call outs while the video is playing back.
Let’s take a look at how to use Slide Video.
Steps for using Slide Video:
- Find a series of slides that you would like to place the video. Having preexisting slides will make the process easier.
- Select Insert > Slide Video…
- Select a video file that is one of the following formats: FLV, F4V, AVI, MP4, MOV, and 3GP.
- The Video Import Options dialog box appears. You have two choices: either match the slide duration with the video’s duration or retain the current slide duration and distribute the video over several slides. Select the retain current slide duration and click the OK button.
- You now see the video in multiple slides.
This is a very painless process. The video imports in and you can see it over multiple slides in the Filmstrip. Now you can make visual property changes to the video on each slide, add additional content on or around the video, or even add audio to each slide. Let’s say that you add some bullets and audio to the slide, but the timing is off? Well, no worries - you can just use the Edit Video Timing feature.
Editing Slide Video
Once you have imported the Slide video, Captivate allows you to make refinements to the video on the timeline using the Edit Video Timing window. Here you can make adjustments to the ” in” and “out” points of the video and introduce new slides to the video flow.
You can access the the Editing Video Timing window by selecting Video > Edit Video Timing…
Here’s what the panel looks like:
This panel allows you to do the following:
- Play, pause and stop the video
- Undo and Redo edits
- View the slide content in conjunction with the video
- Navigate through the slides
- Change the in and out points of each segment of video
- Insert video frames on slides prior and after the current Slide Video placement in the Filmstrip
- Retrieve information on the video: Name, Video Type, URL, and where to show the video (Stage or TOC)
Let’s go over each function.
Play and Pause Video
In the upper left corner of the Edit Video Timing window there are six button: Play, Stop, Undo, Redo, Insert Slide Prior and Insert Slide After. The first two buttons allow you to Play and Stop the video. Once you click the Play button it turns into a Pause button. Pause will allow you still see a preview of the video content in the white box on the right side of the screen. If you click the Stop button - the video preview appears black. Unfortunately, you cannot toggle play and pause with your spacebar like many popular video editing systems.
Undo and Redo Edits
As you make slide timing edits with the Slide Number markers, you can use these two buttons to undo and redo your steps. It’s really straightforward. The Slide Number Markers are described below.
View Slide Content
Below the Time Ruler/Video Timeline there is a preview window of the SWF content on each slide. You must select the SWF Preview checkbox to see this content. Once you check the box, Captivate runs through a quick preview process and times the video up with the rest of your Captivate content. It may be a little odd seeing the video off to the right as the rest of the content plays, but you soon get accustomed to the orientation of the two playback areas.
In the SWF preview area there is a Goto Previous and Goto Next Slide buttons that allow you to quickly scan your slides. (I don’t know if “Goto” should be spelled “Go to”. From a programmatic language standpoint it makes sense, but it looks a bit funny as a button label.) These buttons will take you to the marker positions indicated on the Video Timeline.
Change In and Out Markers
On the video timeline there appears Slide Markers that you can click on and drag to the left and right. This will change the display time for the video on each slide. You can move the markers and then use the playback of the timeline to check your timing.
Insert Additional Slides
If you have slides prior or after you current Slide Video you can use the Insert Previous Slide and Insert Next Slide into Session buttons. This allows you to extend your video session to adjacent slides. The trick to using these button is that you need to move either your first marker to the right, or your last marker to the left. This will then enable the buttons and then you can add additional slides to the video presentation. Note: You cannot use these buttons if another video exists on the previous or next slides.
Retrieve Video Information
In the bottom right corner under the video preview area is some information about your video. This includes: Name, Video Type, URL, and where to show the video (Stage or TOC).
Tip: Using Slide Groups
One technique that I have used to maintain my sanity while working with Slide Video is Slide Groups. This feature is a life saver, and is a nice way to keep things organized in the Filmstrip and Branching View. The key to using Slide Groups is that your slides must be in sequential order. To group your slides:
- Select a sequential range of slides in the Filmstrip by holding down the Shift key and clicking the first and last slide in your range.
- Right click a slide in the selection.
- In the contextual menu, select Group > Create.
- You can now click on the triangle button located on Slide Group to expand and contract the group in the Filmstrip.
- With the Group contracted, use the Properties Panel to change the Group Title, choose a Master Slide for the group, modify the group color, and check if you want your Master Slide object stacked on top of other slide content.
Table of Contents Video
So you have implemented Slide Video, but how do you get that video to appear in the Table of contents? It’s actually really easy:
- Select Video > Video Management.
- Choose a video in the list you would like to appear in the TOC.
- On the right, select TOC from the Show Video On drop down menu.
- Verify that you have the correct Video Type and URL for each video.
That’s it! Captivate will scale your video down and fit it at the top of the Table of Contents. When the video is done playing the TOC contracts up. This is a great way in incorporate a talking head while your content is playing.
Note: If you want to match the TOC video size it’s 196px W x 144 px H.
Slide Video vs. Single Slide Video Import
So when should you import a video versus using slide video over multiple slides? Here’s a breakdown of each video type in Captivate with the pros and cons:
Import FLV or F4V File (Single Slide)
- Difficulty with slide synchronization
- Students can control the playback of the video with the video skin
- No closed captioning
- You can have more than one video on a slide
- There is no video resource in the Library. External reference only.
- Video can only be used on the stage
Import Slide Video (Multiple Slides)
- Will play synchronized with slides
- Students can control the playback of the video with the Captivate skin
- Closed captioning allowed
- Only one video is allowed per slide
- The video is available in the Library
- Video can be used on the stage and in the Table of Contents
Note: You cannot add slide videos to locked slides, random slides, recording slide placeholder, quiz placeholder slides, slides with slide video, or slide video placeholder.
With a little planning Slide Video will really add a level of sophistication to the way you display your video content. Make sure before you use video for the first time that you make a prototype and test it on a typical delivery system. Also, be aware of bandwidth constraints with video. In the Schwinn course I was regulated to videos that were no larger than 5 MB. Know your limitations and make no assumptions with the technology.
- The Captain
Posted on 31. Mar, 2011 by captivatehero.
This is the first in a series of posts where I’ll step you through the mobile development workflow for Adobe Captivate 5.
You will start your new project in Captivate and then use Adobe Device Central to target your smartphone or tablet. For this exercise you will be developing for a Motorola Droid X device, but you can use these same steps for any device listed in Device Central.
You will be able to perform these steps if you have the Adobe eLearning Suite 2 installed. If you don’t have the Suite, you can download the 30-day trial at Adobe.com.
Creating the Mobile Project .CPTX File
In Adobe Captivate 5:
1. Select File > New Project > New Mobile Project…
Adobe Device Central CS5 launches. You will now need to find the device you are going to profile. For this exercise we are going to focus on the Motorola Droid X.
2. In the upper right corner of the Adobe Device Central interface, select the Browse option to connect to the online device profiles.
Note: You must have an internet connection to view the mobile profiles.
A list of devices fills the Device Library Panel. You will now search for our targeted device: Motorola Droid X.
3. In the search criteria box, type the search term: DroidX.
4. Select the Motorola Droid X device that has been created by Adobe.
5. Drag and drop the device profile over to the Test Devices panel. You should see the device profile begin to download.
6. In the Test Devices Panel, click on the profile for Motorola Droid X.
You now have a detailed view of the device. There are six information areas: General, Flash, Bitmap, Video, Web and Community. Take a moment to explore each of these areas.
7. Click on the Flash detailed view.
8. In the Addressable Size dropdown options select: N/A Landscape 90° + Fullscreen.
9. The Addressable size is now 854 x 442. This will be the pixel dimensions of your Captivate 5 file.
Your application will be played in a landscape view on the Droid X. The Addressable size compensates for the Android OS application bar that occupies the upper 38 pixels of the screen. Keep in mind that you will need to tell you users to turn the device clockwise 90 degrees to watch the Captivate movie properly.
10. In the upper right corner of the Device Central interface, click on the Create option.
11. In the New Document panel, set the following values:
Note: Set to Fullscreen is deselected. That feature will not work in the default Android web browser. Add Playback Controls has also been deselected because the default Captivate navigation skin is too small to use on a mobile device.
12. At the bottom of the panel check the Use Custom Size option and set the width to 854 px and the height to 442 px.
This is the dimension of the playable area on our target device when turned at 90 degrees clockwise.
13. Click the Create button located in the lower right corner of the New Document panel.
Adobe Captivate 5 launches a new .CPTX file with the dimensions that you set. You can now start building out your mobile presentation.
Well, this is a great start to your mobile project. In my next post I’ll continue the workflow and talk about design considerations for small screens.
- The Captain
Note: If you are looking to accelerate your Captivate mobile development - I will be holding a one day online class April 29, 2011 and on June 3, 2011.