Minimal WebRTC Demo

by sj82516

HTML

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

<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

JavaScript

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

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

pc2.ontrack = e => video2.srcObject = e.streams[0];

pc1.onnegotiationneeded = e =>
  pc1.createOffer().then(d => pc1.setLocalDescription(d))
  .then(() => pc2.setRemoteDescription(pc1.localDescription))
  .then(() => pc2.createAnswer()).then(d => pc2.setLocalDescription(d))
  .then(() => pc1.setRemoteDescription(pc2.localDescription));