summaryrefslogtreecommitdiffstats
path: root/dom/media/test/test_streams_element_capture.html
blob: a29eeef4d132b1734cd8749612a83b91b9c88a7c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE HTML>
<html>
<head>
  <title>Test that a MediaStream captured from one element plays back in another</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>
<pre id="test">
<script class="testbody" type="text/javascript">
SimpleTest.waitForExplicitFinish();

// longer timeout for slow platforms
if (isSlowPlatform()) {
  SimpleTest.requestLongerTimeout(3);
  SimpleTest.requestCompleteLog();
}

function checkDrawImage(vout) {
  var canvas = document.createElement("canvas");
  var ctx = canvas.getContext("2d");
  ctx.drawImage(vout, 0, 0);
  var imgData = ctx.getImageData(0, 0, 1, 1);
  is(imgData.data[3], 255, "Check video frame pixel has been drawn");
}

function isGreaterThanOrEqualEps(a, b, msg) {
  ok(a >= b - 0.01,
     "Got " + a + ", expected at least " + b + "; " + msg);
}

function startTest(test) {
  var v = document.createElement('video');
  var vout = document.createElement('video');

  v.src = test.name;
  var stream;

  var checkEnded = function() {
    // We know the video time won't match up to the stream time
    // is(stream.currentTime, vout.currentTime, test.name + " stream final currentTime");
    if (test.duration) {
      isGreaterThanOrEqualEps(vout.currentTime, test.duration,
         test.name + " current time at end");
    }
    is(vout.readyState, vout.HAVE_CURRENT_DATA, test.name + " checking readyState");
    ok(vout.ended, test.name + " checking playback has ended");
    if (test.type.match(/^video/)) {
      checkDrawImage(vout);
    }
    vout.parentNode.removeChild(vout);
    removeNodeAndSource(v);
    SimpleTest.finish();
  };
  vout.addEventListener("ended", checkEnded, false);

  document.body.appendChild(vout);

  var onloadedmetadata = function (ev) {
    stream = v.mozCaptureStreamUntilEnded();
    is(stream.currentTime, 0, test.name + " stream initial currentTime");
    vout.srcObject = stream;
    is(vout.srcObject, stream, test.name + " set output element .srcObject correctly");
    v.play();
    vout.play();
  }

  v.preload = 'metadata';
  v.addEventListener('loadedmetadata', onloadedmetadata, false);

  // Log events for debugging.
  var events = ["suspend", "play", "canplay", "canplaythrough", "loadstart", "loadedmetadata",
                "loadeddata", "playing", "ended", "error", "stalled", "emptied", "abort",
                "waiting", "pause"];
  function logEvent(e) {
    Log(e.target.name, "got " + e.type);
  }
  events.forEach(function(e) {
    v.addEventListener(e, logEvent, false);
    vout.addEventListener(e, logEvent, false);
  });

}

// We only test one playable video because for some of the audio files
// --- small-shot.mp3.mp4 and small-shot.m4a --- GStreamer doesn't decode
// as much data as indicated by the duration, causing this test to fail on
// Linux. See bug 1084185.
var testVideo = getPlayableVideo(gSmallTests);
if (testVideo) {
  startTest(testVideo);
} else {
  todo(false, "No playable video");
}
</script>
</pre>
</body>
</html>