|
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> |