| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src=../media-file.js></script> |
| <script src=../video-test.js></script> |
| |
| <script> |
| var textTrack; |
| |
| function canplaythrough() |
| { |
| testExpected("video.textTracks.length", 0, ">"); |
| run("textTrack = video.textTracks[0]"); |
| run("textTrack.mode = \"hidden\""); |
| waitForEvent('cuechange', gotcues, false, true, textTrack); |
| |
| /* set to playing so we get cuechange events */ |
| video.play(); |
| } |
| |
| function gotcues() |
| { |
| testExpected("textTrack.cues.length", 0, ">"); |
| consoleWrite("Validating " + textTrack.cues.length + " cues..."); |
| for (i = 0; i !== textTrack.cues.length; ++i) { |
| var cue = textTrack.cues[i]; |
| var expectedCueID = i + 1; |
| if (cue.id != expectedCueID) |
| logResult(Failed, "Cue # " + i + ": expected id \"" + expectedCueID + "\", saw \"" + cue.id + "\""); |
| |
| var expectedStartTime = expectedCueID; |
| if (cue.startTime != expectedStartTime) |
| logResult(Failed, "Cue # " + i + ": expected start time \"" + expectedStartTime + "\", saw \"" + cue.startTime + "\""); |
| |
| var expectedEndTime = expectedCueID + 1; |
| if (cue.endTime != expectedEndTime) |
| logResult(Failed, "Cue # " + i + ": expected end time \"" + expectedEndTime + "\", saw \"" + cue.endTime + "\""); |
| |
| var expectedCueText = expectedCueID + " - " + "Lorem ipsum dolor sit amet, consectetuer adipiscing elit"; |
| if (cue.text != expectedCueText) |
| logResult(Failed, "Cue # " + i + ": expected cue text \"" + expectedCueText + "\", saw \"" + cue.text + "\""); |
| } |
| |
| consoleWrite(""); |
| endTest(); |
| } |
| |
| function setup() |
| { |
| findMediaElement(); |
| waitForEvent('canplaythrough', canplaythrough); |
| video.src = findMediaFile("video", "../content/test"); |
| } |
| </script> |
| </head> |
| <body onload="setup()"> |
| <video controls> |
| <track src="./captions-webvtt/captions-long.vtt" kind="captions"> |
| </video> |
| |
| <p>Tests that the all captions in a long WebVTT file are parsed correctly.</p> |
| |
| </body> |
| </html> |
