99 lines
4.1 KiB
HTML
99 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<script src=../media-file.js></script>
|
|
<script src=../video-test.js></script>
|
|
<script>
|
|
|
|
var cues;
|
|
|
|
function logSpecURL(url, description)
|
|
{
|
|
consoleWrite("<br><i>" + description + "</i>");
|
|
consoleWrite("<a href=" + url + ">" + url + "<" + "/a>");
|
|
}
|
|
|
|
function trackLoaded()
|
|
{
|
|
track = document.getElementById('captions');
|
|
cues = track.track.cues;
|
|
|
|
consoleWrite("** Test initial values.");
|
|
run("textCue = cues.getCueById('1')");
|
|
|
|
testExpected("textCue.startTime", 0);
|
|
testExpected("textCue.endTime", 1.0);
|
|
testExpected("textCue.pauseOnExit", false);
|
|
testExpected("textCue.vertical", "");
|
|
testExpected("textCue.snapToLines", true);
|
|
testExpected("textCue.line", 'auto');
|
|
testExpected("textCue.position", 'auto');
|
|
testExpected("textCue.size", 100);
|
|
testExpected("textCue.align", "center");
|
|
|
|
consoleWrite("<br>** Modify cue values.");
|
|
|
|
run("textCue.startTime = 1.1");
|
|
testExpected("textCue.startTime", 1.1);
|
|
|
|
consoleWrite("");
|
|
run("textCue.endTime = 3.9");
|
|
testExpected("textCue.endTime", 3.9);
|
|
|
|
consoleWrite("");
|
|
run("textCue.pauseOnExit = true");
|
|
testExpected("textCue.pauseOnExit", true);
|
|
|
|
textCue.vertical = 'xyz';
|
|
testExpected("textCue.vertical", "");
|
|
run("textCue.vertical = 'rl'");
|
|
testExpected("textCue.vertical", "rl");
|
|
|
|
consoleWrite("");
|
|
run("textCue.snapToLines = false");
|
|
testExpected("textCue.snapToLines", false);
|
|
|
|
run("textCue.line = 42");
|
|
testExpected("textCue.line", 42);
|
|
run("textCue.snapToLines = true");
|
|
run("textCue.line = -2");
|
|
testExpected("textCue.line", -2);
|
|
run("textCue.line = 102");
|
|
testExpected("textCue.line", 102);
|
|
|
|
logSpecURL("http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#dom-texttrackcue-line",
|
|
"On setting, if the new value is negative or greater than 100, then throw an IndexSizeError exception. Otherwise, set the text track cue text position to the new value.");
|
|
testDOMException("textCue.position = -200", "DOMException.INDEX_SIZE_ERR");
|
|
testDOMException("textCue.position = 110", "DOMException.INDEX_SIZE_ERR");
|
|
run("textCue.position = 11");
|
|
testExpected("textCue.position", 11);
|
|
|
|
logSpecURL("http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#dom-texttrackcue-size",
|
|
"On setting, if the new value is negative or greater than 100, then throw an IndexSizeError exception. Otherwise, set the text track cue size to the new value.");
|
|
testDOMException("textCue.size = -200", "DOMException.INDEX_SIZE_ERR");
|
|
testDOMException("textCue.size = 110", "DOMException.INDEX_SIZE_ERR");
|
|
run("textCue.size = 57");
|
|
testExpected("textCue.size", 57);
|
|
|
|
run("textCue.align = 'End'");
|
|
testExpected("textCue.align", "center");
|
|
run("textCue.align = 'end'");
|
|
testExpected("textCue.align", "end");
|
|
|
|
consoleWrite("");
|
|
endTest();
|
|
}
|
|
|
|
setCaptionDisplayMode('Automatic');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>Tests modifying attributes of a TextTrackCue</p>
|
|
<video controls>
|
|
<track id="captions" src="captions-webvtt/captions.vtt" kind="captions" onload="trackLoaded()" default>
|
|
</video>
|
|
</body>
|
|
</html>
|