src/third_party/WebKit/LayoutTests/imported/web-platform-tests/mediacapture-streams/stream-api/introduction/disabled-video-black.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <title>A disabled video track is rendered as blackness</title>
   5 <link rel="author" title="Dominique Hazael-Massieux" href="mailto:dom@w3.org"/>
   6 <link rel="help" href="http://dev.w3.org/2011/webrtc/editor/getusermedia.html#introduction">
   7 <link rel="help" href="http://dev.w3.org/2011/webrtc/editor/getusermedia.html#mediastreams-as-media-elements">
   8 <link rel='stylesheet' href='../../../../../resources/testharness.css' media='all'/>
   9 </head>
  10 <body>
  11 <p class="instructions" style="display:none">When prompted, accept to share your video stream.</p>
  12 <h1 class="instructions" style="display:none">Description</h1>
  13 <p class="instructions" style="display:none">This test checks that a disabled video track in a
  14 MediaStream is rendered as blackness.</p>
  15 <video id="vid"></video>
  16
  17 <div id='log'></div>
  18 <script src=../../../../../resources/testharness.js></script>
  19 <script src=../../../../../resources/testharnessreport.js></script>
  20 <script src="../../../../../resources/vendor-prefix.js" data-prefixed-objects='[{"ancestors":["navigator"], "name":"getUserMedia"}]' data-prefixed-prototypes='[{"ancestors":["HTMLMediaElement"],"name":"srcObject"}]'></script>
  21 <script>
  22 var vid = document.getElementById("vid");
  23 var cv = document.createElement("canvas");
  24 var t = async_test("Tests that a disabled video track in a MediaStream is rendered as blackness", {timeout: 10000});
  25 t.step(function() {
  26   navigator.getUserMedia(
  27       {video: true},
  28       t.step_func(function (stream) {
  29         var testOncePlaying = function() {
  30           if (stream.getVideoTracks()[0].enabled) {
  31             stream.getVideoTracks()[0].enabled = false;
  32             return;
  33           }
  34
  35           vid.removeEventListener("timeupdate", testOncePlaying, false);
  36           cv.width = vid.offsetWidth;
  37           cv.height = vid.offsetHeight;
  38           var ctx = cv.getContext("2d");
  39           ctx.drawImage(vid,0,0);
  40           var imageData = ctx.getImageData(0, 0, cv.width, cv.height);
  41           for (var i = 0; i < imageData.data.length; i+=4) {
  42             assert_equals(imageData.data[i], 0, "No red component in pixel #" + i);
  43             assert_equals(imageData.data[i + 1], 0, "No green component in pixel #" + i);
  44             assert_equals(imageData.data[i + 2], 0, "No blue component in pixel #" + i);
  45             assert_equals(imageData.data[i + 3], 255, "No transparency in pixel #" + i);
  46           }
  47           t.done();
  48         }
  49         vid.srcObject = stream;
  50         vid.play();
  51         vid.addEventListener("timeupdate", t.step_func(testOncePlaying), false);
  52       }),
  53       function(error) {});
  54 });
  55 </script>
  56 </body>
  57 </html>