Captions and Subtitles with Articulate Storyline
Articulate Storyline is an e-learning authoring software that allows users to build interactive online and mobile courses with Section 508 compliance in mind. In fact, Articulate Storyline provides a chart of the many ways they have optimized their product to meet Section 508 requirements, along with an explanation of how users can reach compliance. Section 508 of the Rehabilitation Act requires most educational and informational technology to provide text alternatives to multimedia content.
This post will show you how to add captions to your Articulate Storyline courses and presentations.
Step 1: Export Audio from Your Entire Presentation
From the Articulate tab on the PowerPoint ribbon click Import Audio, then click the Export button. Save the audio file to your computer. Note the audio will not include embedded quizzes and interactions. Learn more about exporting audio in Articulate.
Step 2: Submit Your Course Recording for Captioning
Log in to your 3Play Media account. From here, select Upload, followed by From Computer. Select the audio recording of your course or presentation and follow the onscreen prompts to select turnaround. You’ll receive an email when your captions are ready.
Step 3: Download the Transcript of Your Recording
Go to the My Files page in your 3Play Media account and select your recording. Click Download and select the Stamped Doc Transcript format. Save the .doc file to your computer.
Step 4: Add Captions to Your Course in Articulate Storyline
On the first slide of your course, create a blank layer for your captions. Insert a text box onto the slide. Note the beginning and end time of the slide, and copy and paste the associated text from the time-stamped transcript you downloaded in step 2 into this text box.
Insert a Scrolling Panel for Your Captions
Next, you’re going to want to insert a scrolling panel. Go to Insert, then Scrolling Panel and draw a scrolling panel box at the bottom of the screen. Drag and drop your text box with the transcript for the slide into the scrolling panel box.
Create a Closed Captions Button to Show Captions
In order to access the captions layer, you will need to create a closed captions button that will allow you to toggle the captions on and off. On the base layer, go to Insert and select Button to draw a button in the bottom right corner of your screen.
Type CC in the button to denote closed captions, and select a color for your button. Go to Trigger and select Add Trigger under the CC button. Choose the options Action: Show layer, Layer: Caption, and When: User clicks. Press OK.
Create a Closed Captions Button to Hide Captions
Select your button icon and copy it. Go to the captions layer and paste the button icon on this layer. Move it above the scrolling text so that it does not obstruct the captions. Following the steps above, go to Trigger, Add Trigger, and change the option for Action to Hide layer. Leave the other options the same, and press OK.
Preview Your Slide with Captions
Preview your slide with captions, clicking the CC button to show and hide your text.
Step 5: Add Captions to All Slides
Repeat step 3 for each slide in your course or presentation.
Step 6: Add Captions to YouTube Videos Embedded in Your Course
You will need to add captions to any YouTube video you want to include in your course before embedding it.
Submit Your YouTube Video for Captioning
Follow step 1 above to upload your video to 3Play Media for captioning. In step 2, download a SRT caption file and save it to your computer.
Add Captions to Your YouTube Video
To add captions to your YouTube video, go to the YouTube video manager and select Edit next to your video, followed by Subtitles and CC. Upload your SRT caption file and publish your videos with captions.
Embed Your YouTube Video in Articulate Storyline with Captions
In Storyline, go the Insert tab and click Web Object. Enter http://www.youtube.com/embed/ followed by your video ID into the Address field. To play closed captions on your video by default, add ?cc_load_policy=1 to the end of your video URL. Your URL should now look like this: