| <!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> |
