<!DOCTYPE HTML> <html> <head> <title>Test that capturing a stream doesn't stop the underlying element from firing events</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> <script type="text/javascript" src="manifest.js"></script> </head> <body> <audio id="a"></audio> <pre id="test"> <script class="testbody" type="text/javascript"> SimpleTest.waitForExplicitFinish(); var a = document.getElementById('a'); var validTimeUpdate = false; function startTest() { a.src = "big.wav"; var context = new AudioContext(); var node = context.createMediaElementSource(a); node.connect(context.destination); a.addEventListener("timeupdate", function() { if (a.currentTime > 0.0 && a.currentTime < 5.0 && !validTimeUpdate) { validTimeUpdate = true; ok(true, "Received reasonable currentTime in a timeupdate"); SimpleTest.finish(); } }); a.addEventListener("ended", function() { if (!validTimeUpdate) { ok(false, "Received reasonable currentTime in a timeupdate"); SimpleTest.finish(); } }); a.play(); } if (a.canPlayType("audio/wave")) { startTest(); } else { todo(false, "No playable audio"); } </script> </pre> </body> </html>