summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/webrtc/RTCPeerConnection-capture-video.https.html
blob: b6c0222dc21d779a6ab982d963cf3fd5acfc19c1 (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
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<meta name="timeout" content="long">
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src="RTCPeerConnection-helper.js"></script>
</head>
<body>
<script>
  'use strict';

// This test checks that <video> capture works via PeerConnection.

promise_test(async t => {
  const sourceVideo = document.createElement('video');
  sourceVideo.src = "/media/test-v-128k-320x240-24fps-8kfr.webm";
  sourceVideo.loop = true;

  const onCanPlay = new Promise(r => sourceVideo.oncanplay = r);
  await onCanPlay;

  const pc1 = new RTCPeerConnection();
  t.add_cleanup(() => pc1.close());
  const pc2 = new RTCPeerConnection();
  t.add_cleanup(() => pc2.close());

  // Attach video to pc1.
  const stream = sourceVideo.captureStream();
  const tracks = stream.getTracks();
  pc1.addTrack(tracks[0]);

  const destVideo = document.createElement('video');
  destVideo.autoplay = true;

  // Setup pc1->pc2.
  const haveTrackEvent1 = new Promise(r => pc2.ontrack = r);
  exchangeIceCandidates(pc1, pc2);
  await pc1.setLocalDescription();
  await pc2.setRemoteDescription(pc1.localDescription);
  await pc2.setLocalDescription();
  await pc1.setRemoteDescription(pc2.localDescription);

  // Display pc2 received track in video element.
  const onLoadedMetadata = new Promise(r => destVideo.onloadedmetadata = r);
  destVideo.srcObject = new MediaStream([(await haveTrackEvent1).track]);

  // Start playback and wait for video on the other side.
  sourceVideo.play();
  await onLoadedMetadata;

  // Wait until the video has non-zero resolution and some non-black pixels.
  await new Promise(p => {
    function checkColor()  {
        if (destVideo.videoWidth > 0 && getVideoSignal(destVideo) > 0.0)
          p();
        else
          t.step_timeout(checkColor, 0);
    }
    checkColor();
  });

  // Uses Helper.js GetVideoSignal to query |destVideo| pixel value at a certain position.
  const pixelValue = getVideoSignal(destVideo);

  // Anything non-black means that capture works.
  assert_not_equals(pixelValue, 0);
  }, "Capturing a video element and sending it via PeerConnection");
</script>
</body>
</html>