blob: 2d49c2117828e4c7166c5b6f5b683d3b3f46184e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<!DOCTYPE html>
<title>TextTrack's cues are indexed and updated in order during video playback</title>
<meta name="timeout" content="long">
<script src="/common/media.js"></script>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<video>
<track src="resources/cues-chrono-order.vtt" kind="captions" default>
<script>
// Use the enter and exit events on TextTrackCue.
async_test(function(t) {
var video = document.querySelector("video");
var testTrack = document.querySelector("track");
video.src = getVideoURI("/media/test");
video.oncanplaythrough = t.step_func(attemptTests);
function attemptTests() {
assert_equals(testTrack.track.cues.length, 3);
for (var i = 0; i < testTrack.track.cues.length; i++) {
testTrack.track.cues[i].onenter = t.step_func(cueEntered);
testTrack.track.cues[i].onexit = t.step_func(cueExited);
}
video.play();
}
var cueCount = 0;
function cueEntered(event) {
var currentCue = event.target;
// This cue is the currently active cue.
assert_equals(currentCue, testTrack.track.activeCues[0]);
assert_equals(currentCue.id, (cueCount + 1).toString());
}
function cueExited() {
++cueCount;
if (cueCount == testTrack.track.cues.length)
t.done();
}
});
</script>
</video>
|
