TN8 Item Styleguide ::: Video with Closed Captions

Video with Closed Captions

When using a video within your item, you may include any number of WEBVTT-encoded Closed Caption tracks. Closed Caption tracks are defined via <param> tags:

<param name="captions;label:English;default:false;srclang:en" value="assets/texttrack-en.txt" valuetype="REF"/>

Description of These Attributes

captions: indicates a closed caption parameter.
label:{name}: {name} is the title of the closed captioning option (e.g., English). You may enter any meaningful title here.
default:{t/f}: {t/f} is 'true' or 'false' (e.g., false); indicates if the caption option should load on the video by default.
value={path}: {path} is the URL path to the caption file (e.g., "assets/texttrack-en.txt"). You can have multiple captions for the same video by repeating the <param> tag.
valuetype="REF": this indicates that the value (i.e., path) above is a reference-type value. This should not be changed.

Get Responses:

[ Click Get Responses ]

Item XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<assessmentItem 
  xmlns="http://www.imsglobal.org/xsd/imsqti_v2p1" 
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  adaptive="false" identifier="video-cc" timeDependent="false" 
  title="Big Buck Bunny video with Close Caption tracks" 
  xsi:schemaLocation="http://www.imsglobal.org/xsd/imsqti_v2p1 http://www.imsglobal.org/xsd/imsqti_v2p1.xsd">
  <outcomeDeclaration baseType="float" cardinality="single" identifier="SCORE"/>
  <itemBody>
    <div class="row">
        <div class="span6">
            <p>
                Here is a Big Buck Bunny video trailer with two different Closed Caption tracks: English and Japanese.  
                Use the video player's controls to turn the caption tracks (the "CC" button) on and off.
            </p>

            <object data="assets/big_buck_bunny.mp4" id="myVideo" type="video/mp4">
                <param name="webmSource" value="assets/big_buck_bunny.webm" valuetype="REF"/>
                <param name="captions;label:English;default:false;srclang:en" value="assets/texttrack-en.txt" valuetype="REF"/>
                <param name="captions;label:Japanese;default:false;srclang:ja" value="assets/texttrack-jpn.txt" valuetype="REF"/>
            </object>
            
            <p style="margin-top:10px;">
                This trailer, and the Big Buck Bunny project, is (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org
            </p>
        </div>
    </div>
  </itemBody>
</assessmentItem>