accessibility/media-element.html

<html>
    <head>
        <script src="../fast/js/resources/js-test-pre.js"></script>
        <script>
            var vidAXObject;
            var indentLevel = 0;

            if (window.testRunner) {
                testRunner.dumpAsText();
                testRunner.waitUntilDone();
            }

            function indent(count)
            {
                var spaces = "                                                      ";
                return spaces.substr(0, count);
            }

            function dumpObject(axObject)
            {
                debug(indent(indentLevel) + "description: " + axObject.description); 
                debug(indent(indentLevel) + "role: " + axObject.role); 
                debug("<br>");
            }

            function dumpChildren(axObject)
            {
                var count = axObject.childrenCount
                if (!count)
                    return;

                indentLevel += 4;
                for (var ndx = 0; ndx < count; ndx++) {
                    var childAXObject = axObject.childAtIndex(ndx);
                    dumpObject(childAXObject);
                    if (childAXObject.childrenCount) {
                        // don't bother dumping static text children
                        if ( childAXObject.role != "AXRole: AXStaticText")
                           dumpChildren(childAXObject);
                    }
                }
                indentLevel -= 4;
            }

            function dumpVideoAX()
            {
                debug("<br>+++++++++++++++++++++++++++++++++++<br>");
                debug("State at '" + event.type + "' event:<br>");

                if (!window.accessibilityController)
                    return;

                var body = document.getElementsByTagName("body")[0];
                body.focus();

                var vidAXObject = accessibilityController.focusedElement.childAtIndex(0);
                
                dumpChildren(vidAXObject);

                if (window.testRunner && event.type == 'canplaythrough')
                    testRunner.notifyDone();     
            }
        </script>
    </head>

<body>

    <video id=vid src="../media/content/test.mp4" controls oncanplaythrough="dumpVideoAX()">
    </video>

    <div>Dump &lt;video&gt; element controller accessibility object tree at 'canplaythrough' event.</div>
    
    <div id=console></div>

</body>
</html>