summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/webrtc-encoded-transform/tentative/RTCPeerConnection-insertable-streams-video.https.html
blob: 5334b8d1f94a5e66caf39867c6f56283c9288070 (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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html>
<head>
<title>RTCPeerConnection Insertable Streams - Video</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src=/resources/testdriver.js></script>
<script src=/resources/testdriver-vendor.js></script>
<script src='../../mediacapture-streams/permission-helper.js'></script>
<script src="../../webrtc/RTCPeerConnection-helper.js"></script>
<script src="./RTCPeerConnection-insertable-streams.js"></script>
</head>
<body>
<script>
async function testVideoFlow(t, negotiationFunction, setConstructorParam, frameCallback = () => {}) {
  const caller = new RTCPeerConnection(setConstructorParam ? {encodedInsertableStreams:true} : {});
  t.add_cleanup(() => caller.close());
  const callee = new RTCPeerConnection(setConstructorParam ? {encodedInsertableStreams:true} : {});
  t.add_cleanup(() => callee.close());

  await setMediaPermission("granted", ["camera"]);
  const stream = await navigator.mediaDevices.getUserMedia({video:true});
  const videoTrack = stream.getVideoTracks()[0];
  t.add_cleanup(() => videoTrack.stop());

  const videoSender = caller.addTrack(videoTrack)
  const senderStreams = videoSender.createEncodedStreams();
  const senderReader = senderStreams.readable.getReader();
  const senderWriter = senderStreams.writable.getWriter();

  const frameInfos = [];
  const numFramesPassthrough = 5;
  const numFramesReplaceData = 5;
  const numFramesModifyData = 5;
  const numFramesToSend = numFramesPassthrough + numFramesReplaceData + numFramesModifyData;

  let streamsCreatedAtNegotiation;
  const ontrackPromise = new Promise(resolve => {
    callee.ontrack = t.step_func(() => {
      const videoReceiver = callee.getReceivers().find(r => r.track.kind === 'video');
      assert_not_equals(videoReceiver, undefined);

      let receiverReader;
      let receiverWriter;
      if (streamsCreatedAtNegotiation) {
        const videoStreams = streamsCreatedAtNegotiation.find(r => r.kind === 'video');
        assert_true(!!videoStreams);
        receiverReader = videoStreams.streams.readable.getReader();
        receiverWriter = videoStreams.streams.writable.getWriter();
      } else {
        const receiverStreams =
            videoReceiver.createEncodedStreams();
        receiverReader = receiverStreams.readable.getReader();
        receiverWriter = receiverStreams.writable.getWriter();
      }

      const maxFramesToReceive = numFramesToSend;
      let numVerifiedFrames = 0;
      for (let i = 0; i < maxFramesToReceive; i++) {
        receiverReader.read().then(t.step_func(result => {
          verifyNonstandardAdditionalDataIfPresent(result.value);
          if (frameInfos[numVerifiedFrames] &&
              areFrameInfosEqual(result.value, frameInfos[numVerifiedFrames])) {
            numVerifiedFrames++;
          } else {
            // Receiving unexpected frames is an indication that
            // frames are not passed correctly between sender and receiver.
            assert_unreached("Incorrect frame received");
          }

          if (numVerifiedFrames == numFramesToSend)
            resolve();
        }));
      }
    });
  });

  exchangeIceCandidates(caller, callee);
  await negotiationFunction(caller, callee, (streams) => {streamsCreatedAtNegotiation = streams;});

  // Pass frames as they come from the encoder.
  for (let i = 0; i < numFramesPassthrough; i++) {
    const result = await senderReader.read();
    const frame = result.value;
    const metadata = frame.getMetadata();
    assert_true(containsVideoMetadata(metadata));
    verifyNonstandardAdditionalDataIfPresent(frame);
    frameInfos.push({
      timestamp: frame.timestamp,
      type: frame.type,
      data: frame.data,
      metadata: metadata,
      getMetadata() { return this.metadata; }
    });
    frameCallback(frame);
    senderWriter.write(frame);
  }

  // Replace frame data with arbitrary buffers.
  for (let i = 0; i < numFramesReplaceData; i++) {
    const result = await senderReader.read();
    const metadata = result.value.getMetadata();
    assert_true(containsVideoMetadata(metadata));
    const buffer = new ArrayBuffer(100);
    const int8View = new Int8Array(buffer);
    int8View.fill(i);

    result.value.data = buffer;
    frameInfos.push({
      timestamp: result.value.timestamp,
      type: result.value.type,
      data: result.value.data,
      metadata: metadata,
      getMetadata() { return this.metadata; }
    });
    senderWriter.write(result.value);
  }

  // Modify frame data.
  for (let i = 0; i < numFramesReplaceData; i++) {
    const result = await senderReader.read();
    const metadata = result.value.getMetadata();
    assert_true(containsVideoMetadata(metadata));
    const int8View = new Int8Array(result.value.data);
    int8View.fill(i);

    frameInfos.push({
      timestamp: result.value.timestamp,
      type: result.value.type,
      data: result.value.data,
      metadata: metadata,
      getMetadata() { return this.metadata; }
    });
    senderWriter.write(result.value);
  }

  return ontrackPromise;
}

for (const setConstructorParam of [false, true]) {
  promise_test(async t => {
    return testVideoFlow(t, exchangeOfferAnswer, setConstructorParam);
  }, 'Frames flow correctly using insertable streams' + (setConstructorParam ? ' with param' : ''));

  promise_test(async t => {
    return testVideoFlow(t, exchangeOfferAnswerReverse, setConstructorParam);
  }, 'Frames flow correctly using insertable streams when receiver starts negotiation' + (setConstructorParam ? ' with param' : ''));
}

promise_test(async t => {
  const caller = new RTCPeerConnection();
  t.add_cleanup(() => caller.close());
  const stream = await navigator.mediaDevices.getUserMedia({video:true});
  const track = stream.getTracks()[0];
  t.add_cleanup(() => track.stop());
  const sender = caller.addTrack(track)
  sender.createEncodedStreams();
  assert_throws_dom("InvalidStateError", () => sender.createEncodedStreams());
}, 'Creating streams twice throws');

promise_test(async t => {
  let clonedFrames = [];
  function verifyFramesSerializeAndDeserialize(frame) {
    // Clone encoded frames using structedClone (ie serialize + deserialize) and
    // keep a reference.
    const clone = structuredClone(frame);
    clonedFrames.push(clone);
  };

  await testVideoFlow(t, exchangeOfferAnswer, /*setConstructorParam=*/false, verifyFramesSerializeAndDeserialize);

  // Ensure all of our cloned frames are still alive and well, despite the
  // originals having been sent through the PeerConnection.
  clonedFrames.forEach((clonedFrame) => {
    assert_not_equals(clonedFrame.data.size, 0);
    assert_not_equals(clonedFrame.type, "empty")
  });
}, 'Encoded frames serialize and deserialize into a deep clone');

</script>
</body>
</html>