TN8 Item Styleguide

Very Simple Audio Player

Presentation Options

Using the very simple audio player in your items - cross-platform/cross-device - is accomplished by specifying the player in the class attribute inside the <object> markup. Specify the names and locations of the audio resource files in the same way as with standard audio and video manipulatives – using the <class> tag as shown below.

The very simple player supports the use of single and multiple audio source files. Examples of each are shown below. 

    // single source simple player
    <div id="singleSourceId">
      <object class="simpleplayer" data="assets/filename.mp3" type="audio/mp3"/>
    </div>

    // multiple source simple player
    <div id="multiSourceId">
      <object class="simpleplayer" data="assets/example.mp4" type="audio/mp4">
        <param name="vorbisSource" type="audio/webm" value="assets/example.webm" valuetype="REF"/>
      </object>
    </div>

This very simple audio player has no option to open a settings menu. Nor does it include the ability to display a progress bar as the audio is playing. Therefore, the “hideRate” and “hideProgress” class attributes which can be used for the standard audio and video player interactions will be ignored.

Additionally, the ‘data-max-plays’ attribute will also be ignored for this simple audio player. The student will be able to play the audio an unlimited number of times.

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="choiceinteraction-audio-development" timeDependent="false" title="choiceinteraction-audio for development"
    xsi:schemaLocation="http://www.imsglobal.org/xsd/imsqti_v2p1 http://www.imsglobal.org/xsd/imsqti_v2p1.xsd">

    <responseDeclaration baseType="identifier" cardinality="single" identifier="RESPONSE">
        <correctResponse>
            <value>ChoiceB</value>
        </correctResponse>
    </responseDeclaration>
    <outcomeDeclaration baseType="float" cardinality="single" identifier="SCORE" normalMaximum="1"/>

    <itemBody>
        <div class="row">
            <div class="span6">
                <div class="passageContent" xml:base="simpleAudioPassage.xml" xmlns="">
                    <div class="span2">
                        <div id="simpleAudio999">
                            <object class="simpleplayer" data="assets/VF557299.a04.m4a" type="audio/mp4">
                                <param name="vorbisSource" type="audio/webm" value="assets/VF557299.a04.ogg" valuetype="REF"/>
                            </object>
                        </div>
                    </div>
                    <div class="span2">
                        <div id="simpleAudio99">
                            <object class="simpleplayer" data="assets/VF557299.a04.m4a" type="audio/mp4"/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="span6">
                <p>Listen to the audio carefully and select an answer that talks about the meaning of the word <span class="keyword_translation:idref" data-glossary-idref="tr1">"Superannuated" </span>. </p>
                <choiceInteraction maxChoices="1" responseIdentifier="RESPONSE" shuffle="false">
                    <simpleChoice identifier="ChoiceA">
                        <div id="simpleAudio1">
                            <object class="simpleplayer" data="assets/VF557299.a04.m4a" type="audio/mp4">
                                <param name="vorbisSource" type="audio/webm" value="assets/VF557299.a04.ogg" valuetype="REF"/>
                            </object>
                        </div>
                    </simpleChoice>
                    <simpleChoice identifier="ChoiceB">
                        <div id="simpleAudio2">
                            <object class="simpleplayer" data="assets/ClickClickClickIntro.mp3" type="audio/mp3"/>
                        </div>
                    </simpleChoice>
                    <simpleChoice identifier="ChoiceC">
                        <div>
                            <object class="simpleplayer" data="assets/ClickClickClickIntro.mp3" type="audio/mp3"/>
                        </div>
                    </simpleChoice>
                    <simpleChoice identifier="ChoiceD">
                        <div>
                            <object class="simpleplayer" data="assets/VF557299.a04.m4a" type="audio/mp4">
                                <param name="vorbisSource" type="audio/webm" value="assets/VF557299.a04.ogg" valuetype="REF"/>
                            </object>
                        </div>
                    </simpleChoice>
                </choiceInteraction>
            </div>
        </div>
    </itemBody>
    <responseProcessing template="http://www.imsglobal.org/question/qti_v2p1/rptemplates/match_correct"/>
</assessmentItem>

Listen to the audio carefully and select an answer that talks about the meaning of the word "Superannuated" .