content/media/test/test_streams_element_capture.html

branch
TOR_BUG_9701
changeset 13
44a2da4a2ab2
equal deleted inserted replaced
-1:000000000000 0:0fc56b23000e
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>Test that a MediaStream captured from one element plays back in another</title>
5 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
6 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
7 <script type="text/javascript" src="manifest.js"></script>
8 </head>
9 <body>
10 <pre id="test">
11 <script class="testbody" type="text/javascript">
12 SimpleTest.waitForExplicitFinish();
13
14 var manager = new MediaTestManager;
15
16 function checkDrawImage(vout) {
17 var canvas = document.createElement("canvas");
18 var ctx = canvas.getContext("2d");
19 ctx.drawImage(vout, 0, 0);
20 var imgData = ctx.getImageData(0, 0, 1, 1);
21 is(imgData.data[3], 255, "Check video frame pixel has been drawn");
22 }
23
24 function startTest(test, token) {
25 manager.started(token);
26
27 var v = document.createElement('video');
28 var vout = document.createElement('video');
29 vout.token = token;
30
31 v.src = test.name;
32 var stream = v.mozCaptureStreamUntilEnded();
33 is(stream.currentTime, 0, test.name + " stream initial currentTime");
34 vout.mozSrcObject = stream;
35 is(vout.mozSrcObject, stream, test.name + " set output element .srcObject correctly");
36
37 var checkEnded = function(test, vout, stream) { return function() {
38 is(stream.currentTime, vout.currentTime, test.name + " stream final currentTime");
39 if (test.duration) {
40 ok(Math.abs(vout.currentTime - test.duration) < 0.1,
41 test.name + " current time at end: " + vout.currentTime + " should be: " + test.duration);
42 }
43 is(vout.readyState, vout.HAVE_CURRENT_DATA, test.name + " checking readyState");
44 ok(vout.ended, test.name + " checking playback has ended");
45 if (test.type.match(/^video/)) {
46 checkDrawImage(vout);
47 }
48 vout.parentNode.removeChild(vout);
49 manager.finished(vout.token);
50 }}(test, vout, stream);
51 vout.addEventListener("ended", checkEnded, false);
52
53 document.body.appendChild(vout);
54 v.play();
55 vout.play();
56 }
57
58 manager.runTests(gSmallTests, startTest);
59 </script>
60 </pre>
61 </body>
62 </html>

mercurial