Adding closed caption to Rise video

Mar 29, 2019

Closed caption feature for rise video is one of the important functions. Do we have a timeline to include this features in Rise. Using storyline block may not be a option here as we can reduce production time by direct use of this feature inside Rise.

11 Replies
Melissa Milloway

For anyone looking to add Closed Captions after publishing you can do it with this code. You will need to inspect the video element in your console to grab the video's ID or you can alter the code to do it another way.

 Add the code to your published file at the top of the index.html page. After the following tags: 
<script type="text/javascript" src="tc-config.js"></script>
<script type="text/javascript" src="lib/tincan.js"></script>
<script type="text/javascript" src="lib/lms.js"></script>

<script>

setTimeout(function() {

var videoScript = '<track id="enTrack" src="PUT YOUR CAPTION SOURCE FILE URL HERE" label="English" kind="subtitles" srclang="en" default="">'; //replace the src with your caption location
document.getElementById("PUT THE VIDEO'S ID HERE").innerHTML = videoScript; //replace the element ID with whatever your video's element ID is

}, 1000);

</script>
Patty Raymond

So excited that this is available now!!! Thank you thank you thank you!

Patty Raymond
Technical Curriculum Developer, Training & Certification
e: patray@amazon.com
Free serverless training:
Internal link to Architecting Serverless Solutions
External link

[cid:image001.png@01D32C71.1BB35320]

[/Users/thkll/Library/Containers/com.microsoft.Outlook/Data/Library/Caches/Signatures/signature

Patty Raymond

Do you get the 'cc' option in the video player option and they just don't play? Or is there no choice for cc at all? Off the top of my head I would check the vtt file format(should be able to do this with one of the free online viewers/converters), double check the language you picked, and try to load it again (delete/redo).

Patty Raymond
Sr. Technical Curriculum Developer, Training & Certification
e: patray@amazon.com
Free serverless training:
Internal link to Architecting Serverless Solutions
External link

[AWS Training and Certification Logo]

[AWS Certified Cloud Practitioner][AWS Certified Solution Architect Associate]