Minimal RTCSimpleConnection tab chat demo

by jib1

HTML

<button id="connect">Connect!</button>
<button id="addCamera" onclick="cam()">Add Camera!</button>
<input id="chat"></input><div id="div"></div><br>
<video id="video1" width="320" height="240" autoplay muted></video>
<video id="video2" width="320" height="240" autoplay></video>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<script src="https://rawgit.com/jan-ivar/localSocket/master/localSocket.js"></script>
<script src="https://rawgit.com/jan-ivar/simpleconnect/master/simpleconnect.js"></script>

JavaScript

var pc = new RTCSimpleConnection(null, new localSocket());

connect.onclick = e => pc.connect();

addCamera.onclick = e => navigator.mediaDevices.getUserMedia({video: true})
  .then(stream => pc.addStream(video1.srcObject = stream));

pc.onopen = e => chat.select();
pc.onmessage = e => div.innerHTML += e.data + "<br>";
pc.onaddstream = e => video2.srcObject = e.stream;
pc.onerror = e => console.log(e);

chat.onkeypress = e => {
  if (e.keyCode != 13) return;
  pc.send(chat.value);
  chat.value = "";
};