test_temporaryfile_stream.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Send an nsTemporaryFileInputStream cross-process</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script src="/tests/dom/canvas/test/captureStream_common.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />

</head>

<body>

<pre id="test">

<div id="content">

</div>

<script class="testbody" type="text/javascript">

function startTest() {

  var canvas = document.createElement("canvas");

  canvas.width = canvas.height = 100;

  document.getElementById("content").appendChild(canvas);

  // eslint-disable-next-line no-undef

  var helper = new CaptureStreamTestHelper2D(100, 100);

  helper.drawColor(canvas, helper.red);

  // Draw repeatedly to speed up delivery of the first "dataavailable" event.

  let drawing =

      helper.startDrawing(helper.drawColor.bind(helper, canvas, helper.red));

  var stream = canvas.captureStream();

  let mediaRecorder = new MediaRecorder(stream);

  is(mediaRecorder.stream, stream,

     "Media recorder stream = canvas stream at the start of recording");

  mediaRecorder.onwarning = () => ok(false, "warning unexpectedly fired");

  mediaRecorder.onerror = () => ok(false, "Recording failed");

  mediaRecorder.onstart = () => {

    info("Got 'start' event");

};

  mediaRecorder.onstop = () => {

    info("Got 'stop' event");

  mediaRecorder.ondataavailable = ev => {

    info("Got 'dataavailable' event");

    // We just want one frame encoded, to see that the recorder produces something readable.

    mediaRecorder.stop();

    mediaRecorder.ondataavailable = null;

    drawing.stop();

    var xhr = new XMLHttpRequest();

    xhr.open("POST", "blob_verify.sjs", true);

    xhr.onload = () => {

      var video = document.createElement("video");

      video.id = "recorded-video";

      video.src = URL.createObjectURL(xhr.response);

      video.play();

      video.onerror = () => {

        ok(false, "Should be able to play the recording. Got error. code=" + video.error.code);

        SimpleTest.finish();

};

      document.getElementById("content").appendChild(video);

      helper.pixelMustBecome(video, helper.red, {

        threshold: 128,

        infoString: "Should become red",

      }).then(SimpleTest.finish);

};

    xhr.onerror = () => {

      ok(false, "XHR error");

      SimpleTest.finish();

};

    xhr.responseType = "blob";

    xhr.send(ev.data);

};

  mediaRecorder.start(1);

  is(mediaRecorder.state, "recording", "Media recorder should be recording");

SimpleTest.waitForExplicitFinish();

SpecialPowers.pushPrefEnv({set: [["media.recorder.max_memory", 1]]}, startTest);

</script>

</pre>

</body>

</html>