Creating Closed Captions in Articulate Storyline – Method I

Creating Closed Captions in– Method I

Creating Closed Captions in– Method I

In my previous blog, we discussed the importance of closed captions in eLearning and how to add the Notes Pane to the player that is used as the closed caption.

Notes Pane II

But, this Notes Pane can only be used if you choose the built-in interface of Storyline for your eLearning course. In case you choose to customize the interface, you also have to create a customized closed caption. This can be done using two different methods.

In the first method,you can create a pop-up and put all the transcribed text in it (similar to the notes pane).

Closed Caption I

In the second method, you can bring each line of the transcribed text in sync with audio (similar to movie subtitles).

Closed Caption II

Today, in this blog, let us know the first method of creating a closed caption.

Step 01:

In the customized interface, create a button or an icon (depending on your interface requirements) that can be triggered to display the closed captions.

CC Button

Step 02:

Add a new layer and rename it. I’ll rename it as CC which implies Closed Caption.

CC Layer

Step 03:

Do not forget to change the slide layer properties as shown in the below screenshot.

Slide Layer Properties

Step 04:

In the base layer,select the CC button/icon and add a trigger to it as shown in the screenshot below.


This trigger will display the closed caption text, once you click the CC button/icon.

Step 05:

In the CC layer, design a pop-up of the required size. Also, add a close button to the pop-up.

Pop up

Step 06:

Select the close button and add a trigger to it as shown in the screenshot below.

Step 07:

Now, within the border of the pop-up, insert a scrolling panel. Go to Insert tab>select Scrolling Panel>drag the mouse on the screen for the desired size of the scrolling panel.

Scrolling Panel

Step 08:

Add the closed caption text to the CC layer and drag the text box on to thescrolling panel. This will let the text move inside the scrolling panel. You can then align the text perfectly inside the scrolling panel.

CC Text

Preview or publish the course to check the functionality.

Final Output

That’s it! This is how we create a closed caption which displays all the transcribed text in one pop-up. We will look at the second method, where each line of the transcribed text comes in sync with the audio, similar to the movie subtitles.

Hope this tip is helpful.Please share your thoughts through your valuable comments.

View eBook on  Articulate Storyline for Building E-learning Courses