| <!DOCTYPE html><!-- webkit-test-runner [ enableModernMediaControls=false ] --> |
| <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 cueChangeCount = 0; |
| var currentCue; |
| var testTrack; |
| |
| var trackLoaded = false; |
| var videoCanPlayThrough = false; |
| |
| function attemptTests() |
| { |
| if (!trackLoaded || !videoCanPlayThrough) |
| return; |
| |
| testTrack = document.getElementById("testTrack"); |
| testExpected("testTrack.track.cues.length", 3); |
| testTrack.addEventListener('cuechange', cueChangedFromTrackElement); |
| testTrack.track.addEventListener('cuechange', cueChangedFromTextTrack); |
| run("video.play()"); |
| consoleWrite(""); |
| } |
| |
| function cueChangedFromTextTrack() |
| { |
| consoleWrite("EVENT(cuechange) from TextTrack"); |
| } |
| |
| function cueChangedFromTrackElement() |
| { |
| consoleWrite("EVENT(cuechange) from <track>"); |
| |
| currentCueIndex = Math.floor(cueChangeCount / 2); |
| currentCue = event.target.track.cues[currentCueIndex]; |
| checkCue(); |
| |
| ++cueChangeCount; |
| if (cueChangeCount == testTrack.track.cues.length * 2) |
| endTest(); |
| } |
| |
| function checkCue() |
| { |
| if (cueChangeCount % 2 == 0) { |
| consoleWrite("Cue entered"); |
| testExpected(currentCue, testTrack.track.activeCues[0]); |
| testExpected("currentCue.id", currentCueIndex + 1); |
| } else |
| consoleWrite("Cue exited"); |
| consoleWrite(""); |
| } |
| |
| waitForEvent('canplaythrough', |
| function () |
| { |
| videoCanPlayThrough = true; |
| attemptTests(); |
| } |
| ); |
| |
| function loaded() |
| { |
| trackLoaded = true; |
| attemptTests(); |
| } |
| |
| function start() |
| { |
| findMediaElement(); |
| video.src = findMediaFile("video", "../content/test"); |
| } |
| |
| setCaptionDisplayMode('Automatic'); |
| </script> |
| </head> |
| <body onload="start()"> |
| <p>Tests that TextTrack's cues are indexed and updated in order during video playback. Test uses the cuechange event.</p> |
| <video controls> |
| <track id="testTrack" src="captions-webvtt/cues-chrono-order.vtt" kind="captions" onload="loaded()" default> |
| </video> |
| </body> |
| </html> |
