After recording a screencast, you're ready to insert it into your story.  In this tutorial, we'll look at how to insert new and existing screen recordings as well as how to delete them.

Inserting a New Screen Recording

If you've just recorded a screencast and the preview window is still open, this section of the tutorial will show you how to insert it into your story.  On the other hand, if you want to insert an existing screencast that you recorded previously, skip to the next section of this tutorial for instructions.

Depending on the purpose of your screen recording, you can choose to insert it as a Video on a single slide or as a series of Step-by-step slides—or both.  Select either of these options, which appear to the left of the preview area of your screen recording.  If you choose Step-by-step slides, use the accompanying drop-down list to select View mode steps, Try mode steps, or Test mode steps.  We’ll look at each of these modes in a moment.

Note: You may insert your screen recording into your story using one or more or even all of these options. However, you must insert them one at a time. If you want to insert the same screen recording into your story again using another of these four options, refer to the following section, Inserting an existing screen recording, for additional instructions.

Video on a Single Slide

First, let’s look at the Video on a single slide option.  This type of video is not interactive. It simply allows your users to see a process in action.  If you select this option, you will also be able to decide whether or not to include your mouse in the video by checking or unchecking the Show Mouse Cursor box.

Then determine where the video screen recording will be inserted into your story. Use the "Insert slides in" drop-down list to select either New Scene (which is the default option) or an existing scene in your story. If you choose to insert a new scene, use the Scene Name field to assign a name to the new scene.

Click the Insert button in the lower right corner of the window to complete the process.

  • Note:  If you click the Cancel button before inserting your screen recording into your story at least once, the screen recording will be deleted from your project file.

After inserting a screen recording as a video, you can adjust its properties as you would with any other video in Storyline.

Step-by-Step Slides

Now let’s look at each of the step-by-step modes.  Choose one of the following modes, and configure its corresponding options:

Note:  When inserting a screen recording as step-by-step slides, any audio that you recorded with the screencast will not be used.  Step-by-step slides display only the action-related clips of your original screencast.  As a result, the recorded audio would not match up to the individual slides if it were included.  Your audio will still be available in your original screen recording in case you also want to insert it as a video on a single slide.
  • View Mode Steps allows you to insert your screen recording as a demonstration for your users.  The demonstration is not interactive.  It simply allows your users to see a process in action.  If you select View Mode Steps, click the corresponding View Mode Options hyperlink to specify the following options:
    • Use the Language for captions drop-down list to designate which language you want to use for captions in your screen recording.
    • If you would prefer not to include captions, deselect the Add text captions checkbox.
    • If you would prefer not to display your mouse in the screen recording, deselect the Show Mouse Cursor checkbox.
    • If you would prefer not to highlight your mouse clicks in the screen recording, deselect the Indicate clicks with highlight checkbox.  Each highlight is simply a semi-transparent rectangle, which helps to direct users' attention to the area of the screen that is about to be clicked in the demonstration.
    Click the OK button when you have finished modifying your options.
  • Try Mode Steps allows you to insert your screen recording as an ungraded assessment, which is an opportunity for users to test their knowledge.  If you select Try Mode Steps, click the corresponding Try Mode Options hyperlink to specify the following options:
    • Use the Language for captions drop-down list to designate which language you want to use for captions in your screen recording.
    • If you want to include feedback for correct responses, select the Show correct feedback checkbox.
    • If you would prefer that your learners' cursor not switch to a hand cursor when they hover their mouse over hotspots, deselect the Show hand cursor when hovering hotspots checkbox.
    • If you would prefer not to display hint captions, deselect the Show hint captions checkbox.  However, if you do want to show hint captions, use the corresponding drop-down list to specify when hint captions should appear: when users hover their mouse over hotspots, or always.
    Click the OK button when you have finished modifying your options.
  • Test Mode Steps allows you to insert your screen recording as a graded exam.  If you select Test Mode Steps, click the corresponding Test Mode Options hyperlink to specify the following options:
    • If you want to include feedback for correct responses, select the Show correct feedback checkbox.
    • If you would prefer not to display feedback for incorrect responses, deselect the Show incorrect feedback checkbox.
    • You can let Storyline create a result slide for you automatically by selecting the Automatically create a result slide checkbox, or you can deselect this checkbox if you want to add a result slide on your own later.  To learn more about how to add and edit result slides, check out this tutorial.
    • Use the Limit attempts to drop-down list to specify how many times users can attempt each step in the process.  The default option is Unlimited, but you can also select a number between 1 and 10. 

      If you allow users to attempt each step more than once, you can display “Try Again” feedback when they fail by selecting the Show try again feedback checkbox.  Then, if you want, you can make changes to the default "Try Again" feedback layer that Storyline creates for you. To learn more about layers, see this tutorial.
    Click the OK button when you have finished modifying your options.

Next, decide where the screen recording will be inserted into your story.  Use the "Insert slides in" drop-down list to select either New Scene (which is the default option) or an existing scene in your story.  If you choose to insert a new scene, use the Scene Name field to assign a name to the new scene.

Click the Insert button in the lower right corner of the window to complete the process.

  • Note:  If you click the Cancel button before inserting your screen recording into your story at least once, the screen recording will be deleted from your project file.

After inserting a step-by-step screen recording into your story, you can add, edit, and delete slides as usual, and you can modify the captions, hotspots, data entry fields, feedback layers, and mouse movements that Storyline automatically generated for you.  You can even change the starting and ending frames for each slide in step-by-step screen recordings, using the Action Fine Tuning editor.

Inserting an Existing Screen Recording

Storyline keeps your entire screen recording within your project and allows you to reuse it more than once in the same story.  This can be beneficial if, for example, you want to insert the same screen recording as a demonstration and also as an assessment. You don't need to re-record anything.  You can just insert the same screen recording twice, using different options each time.

The quickest way to add an existing screen recording to your story is to click the drop-down arrow at the bottom of the Record Screen button on the Home tab (if you're in Story View) or on the Insert tab (in both Story View and Normal View), and select the recording you want to insert.

Then do the following:

  1. Determine how the screen recording will be inserted.  Select either Video on a single slide or Step-by-step slides, and configure the corresponding options.  (Refer to the section above for detailed information regarding each of these options.)
  2. Select the scene where you want to insert your recording using the Insert slides in drop-down list, and, if you choose to insert a new scene, assign a Scene Name to the new scene.
  3. Click the Insert button in the lower right corner to insert the selected screen recording into your story.

Here are some other ways you can insert an existing screen recording:

  1. First, do any of the following:
    • Go to the Home tab, and click New Slide.
    • Go to the Insert tab, and click New Slide.
    • In Story View, you can also right-click anywhere in the workspace, and select New Slide.
    • In Normal View, you can also right-click anywhere in the left navigation panel, and select New Slide.
  2. When the Insert Slides dialog appears, select the Screen Recordings tab on the left.
  3. Then use the Insert From drop-down list at the top of the window to select an existing screen recording.
  4. Determine how the screen recording will be inserted.  Select either Video on a single slide or Step-by-step slides.  (Refer to the section above for detailed information regarding each of these options.)
  5. Select the scene where you want to insert your recording using the Insert slides in drop-down list, and, if you choose to insert a new scene, assign a Scene Name to the new scene.
  6. Click the Insert button in the lower right corner to complete the process.

Note:  If you want to insert a screen recording from a different project, do either of the following:

  • Export the MP4 movie from the source project and then import it into your new story.  Using this method, you will only have a video of the screen recording.  You will not be able to use step-by-step slides.
  • Or, import at least one of the screen recording slides from the source project.  This will pull the entire screen recording into the new story file. Then you can use it as often as you like—either as a video or as step-by-step slides.

Deleting Screen Recordings

If you change your mind about a screen recording and want to remove it from your project altogether, you can do that too.

To quickly delete all screen recordings that are not currently being used in your story, click the drop-down arrow at the bottom of the Record Screen button on the Home tab (if you're in Story View) or on the Insert tab (in both Story View and Normal View), and click "Delete unused recordings".  (Nifty "In Use" tags to the left of the thumbnail images will let you know, at a glance, which screencasts are currently being used somewhere in your story.)

If you want to delete a specific screen recording, click the drop-down arrow at the bottom of the Record Screen button on the Home tab (if you're in Story View) or on the Insert tab (in both Story View and Normal View), and select the recording your want to delete.

When the screen recording window opens, click the Delete Recording hyperlink in the lower right corner.

If the screen recording that you are attempting to delete is currently being used in your story, you will receive the following warning, explaining that it cannot be deleted.  In that case, you would need to delete the slide(s) that contain the screen recording first, and then delete it from your project as described above.

When you have finished managing your screen recordings, click the Cancel button in the lower right corner or the X in the upper right corner to close the window.

Here are some other ways you can delete a specific screen recording:

  1. First, do any of the following:
    • Go to the Home tab, and click New Slide.
    • Go to the Insert tab, and click New Slide.
    • In Story View, you can also right-click anywhere in the workspace, and select New Slide.
    • In Normal View, you can also right-click anywhere in the left navigation panel, and select New Slide.
  2. When the Insert Slides dialog appears, select the Screen Recordings tab on the left.
  3. Then use the Insert From drop-down list at the top of the window to select an existing screen recording.
  4. Then click the Delete Recording hyperlink in the lower right corner of the window.
  5. When you have finished managing your screen recordings, click the Cancel button in the lower right corner or the X in the upper right corner to close the window.

You Might Also Want to Explore:

Adding Screen Recordings
Editing Screen Recordings
Exporting Screen Recordings
Adjusting Video Properties