<!DOCTYPE html>
<html>
    <head>
        <script src=media-file.js></script>
        <script src=video-test.js></script>

        <script>
            var endedCount = 0;
            var canplaythroughCount = 0;
            var audio;

            function start()
            {
                audio = document.querySelector("audio");
                waitForEvent("ended", ended);

                audio.src = findMediaFile("audio", "content/silence")
            }

            function ended()
            {
                switch (++endedCount)
                {
                    case 1:
                        testExpected("audio.ended", true);

                        // Change src but don't seek so that internal state isn't reset.
                        audio.src = findMediaFile("audio", "content/silence")
                        testExpected("audio.ended", false);

                        consoleWrite("");
                        break;
                    case 2:
                        testExpected("audio.ended", true);
                        endTest();
                        break;
                }
            }
        </script>
    </head>
    <body onload="start()">
        <audio controls autoplay></audio>
        <p><b>Test ended by:</b>
        <ol>
            <li>Play to the end.</li>
            <li>When 'ended' event fires, change the source.</li>
            <li>Verify that 'ended' event fires again on different source.</li>
        </ol>
        </p>
    </body>
</html>