Modern WebRTC remote track stop

by jib1

HTML

<video id="video1" height="120" width="160" controls autoplay muted></video>
<video id="video2" height="120" width="160" controls autoplay></video><br>
<div id="div"></div>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

JavaScript

var pc1 = new RTCPeerConnection(), pc2 = new RTCPeerConnection();
var log = msg => div.innerHTML += msg + "<br>";

navigator.mediaDevices.getUserMedia({video: true, audio: true})
  .then(stream => pc1.addStream(video1.srcObject = stream))
  .catch(log);

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

pc2.ontrack = e => {
  log("on"+e.track.kind);
  if (e.track.kind == "video") e.track.stop();
  video2.srcObject = e.streams[0];
};
pc1.oniceconnectionstatechange = e => log(pc1.iceConnectionState);
pc1.onnegotiationneeded = e =>
  pc1.createOffer().then(d => pc1.setLocalDescription(d))
  .then(() => (log("call SRT"), pc2.setRemoteDescription(pc1.localDescription)))
  .then(() => (log("done SRT"), pc2.createAnswer())).then(d => pc2.setLocalDescription(d))
  .then(() => pc1.setRemoteDescription(pc2.localDescription))
  .then(() => [pc1.localDescription, pc1.remoteDescription].forEach(d => logSDP(d.sdp)))
  .catch(log);

let logSDP = sdp => sdp.split('\r\nm=').slice(1).forEach(mline =>
  log("1 " + mline.split(' ')[0] +
      ": " + mline.match(/\r\na=(sendrecv|sendonly|recvonly)/)[1]));