test_peerConnection_replaceTrack_camera.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <script type="application/javascript" src="pc.js"></script>

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

</head>

<body>

<pre id="test">

<video id="video" width="160" height="120" autoplay></video>

<script type="application/javascript">

  createHTML({

    bug: "1709481",

    title: "replaceTrack (null -> camera) test",

    visible: true

});

  runNetworkTest(async () => {

    // Make sure we use the fake video device, and not loopback

    await pushPrefs(

      ['media.video_loopback_dev', ''],

      ['media.navigator.streams.fake', true]);

    const pc1 = new RTCPeerConnection(), pc2 = new RTCPeerConnection();

    pc1.onicecandidate = e => pc2.addIceCandidate(e.candidate);

    pc2.onicecandidate = e => pc1.addIceCandidate(e.candidate);

    pc2.ontrack = ({track}) => video.srcObject = new MediaStream([track]);

    pc1.addTransceiver("audio");

    const tc1 = pc1.addTransceiver("video");

    const stream = await navigator.mediaDevices.getUserMedia({video: true});

    const [track] = stream.getVideoTracks();

    await pc1.setLocalDescription();

    await pc2.setRemoteDescription(pc1.localDescription);

    await pc2.setLocalDescription();

    await pc1.setRemoteDescription(pc2.localDescription);

    await wait(100);

    await tc1.sender.replaceTrack(track);

    const h = new VideoStreamHelper();

    await h.checkVideoPlaying(video);

    pc1.close();

    pc2.close();

    await SpecialPowers.popPrefEnv();

});

</script>

</pre>

</body>

</html>