<!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 addtrackEventCount = 0;
            var seekedCount = 0;
            var cuesStarts = [];

            function trackAdded(event)
            {
                consoleWrite("EVENT(" + event.type + ")");
                compareTracks("event.track", "video.textTracks[" + addtrackEventCount + "]");
                ++addtrackEventCount;
                consoleWrite("");
            }

            function compareTracks(track1, track2)
            {
                var equal = (eval(track1) == eval(track2));
                reportExpected(equal, track1, "==", track2, track1);
            }

            function pollProgress()
            {
                switch (seekedCount) {
                case 1:
                    video.currentTime = 0;
                    run("video.play()");
                    consoleWrite("");
                    break;

                case 2:
                    if (video.currentTime < 2 || inbandTrack1.cues.length <= 5)
                        return;

                    // Collect the start times of all cues, seek back to the beginning and play
                    // the same segment of the video file.
                    run("video.pause()");
                    for (var i = 0; i < inbandTrack1.cues.length; ++i)
                        cuesStarts.push(inbandTrack1.cues[i].startTime);
                    video.currentTime = 0;
                    run("video.play()");
                    consoleWrite("");
                    break;

                case 3:
                    if (inbandTrack1.cues.length < cuesStarts.length)
                        break;
    
                    run("video.pause()");
                    var failure = false;
                    for (var i = 0; i < cuesStarts.length; ++i) {
                        if (cuesStarts[i] != inbandTrack1.cues[i].startTime) {
                            failure = true;
                            break;
                        }
                    }
    
                    if (failure) {
                        consoleWrite("<br><i>** FAIL<" + "/i>");
                        for (var i = 0; i < cuesStarts.length; ++i) {
                            var oldStart = cuesStarts[i];
                            var newStart = inbandTrack1.cues[i].startTime;
                            consoleWrite("Cue " + i + " start time was: " + oldStart + ", is now: " + newStart);
                        }
                        consoleWrite("");
                    }
    
                    endTest();
                    break;
                }
            }

            function tracksChanged()
            {
                setInterval(pollProgress, 100);
                
                // We seek to time 0.1 and then back to 0 before starting playback to make it more likely
                // that the media engine will process the initial media samples and deliver the first
                // inband cues to WebKit.
                video.currentTime = 0.1;
            }

            function canplaythrough()
            {
                video.textTracks.removeEventListener("addtrack", trackAdded, false);

                consoleWrite("<br><i>** Check initial in-band track states<" + "/i>");
                testExpected("video.textTracks.length", 1);
                run("inbandTrack1 = video.textTracks[0]");
                testExpected("inbandTrack1.mode", "disabled");
                testExpected("inbandTrack1.cues", null);
                testExpected("inbandTrack1.language", "en");
                testExpected("inbandTrack1.kind", "captions");
                waitForEventOn(video.textTracks, 'change', tracksChanged);

                consoleWrite("");

                video.addEventListener("seeked", function() { ++seekedCount; });
                run("inbandTrack1.mode = 'showing'");
            }

            function setup()
            {
                findMediaElement();
                video.textTracks.addEventListener("addtrack", trackAdded);
                video.src = '../content/counting-captioned.mov';
                waitForEvent('canplaythrough', canplaythrough);
            }

        </script>
    </head>
    <body onload="setup()">
        <video controls></video>
        <p>In-band text tracks.</p>
    </body>
</html>