oeway/cross-tab-webrtc.html

## cross-tab-webrtc.html
<body>
<button id="button" onclick="connect()">Connect</button>
<div id="div"></div><input id="chat"></input><br>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<script>
var pc = new RTCPeerConnection(), dc, enterPressed = e => e.keyCode == 13;

var connect = () => init(dc = pc.createDataChannel("chat"));
pc.ondatachannel = e => init(dc = e.channel);

var init = dc => {
  dc.onopen = e => (dc.send("Hi!"), chat.select());
  dc.onclose = e => log("Bye!");
  dc.onmessage = e => log(e.data);
};

chat.onkeypress = e => {
  if (!enterPressed(e)) return;
  dc.send(chat.value);
  log("> " + chat.value);
  chat.value = "";
};

pc.oniceconnectionstatechange = e => log(pc.iceConnectionState);
pc.onicecandidate = e => send({ candidate: e.candidate });
pc.onnegotiationneeded = e => pc.createOffer()
  .then(offer => pc.setLocalDescription(offer))
  .then(() => send({ sdp: pc.localDescription }))
  .catch(log);


var sc = new BroadcastChannel('my_channel'), send = obj => sc.postMessage(JSON.stringify(obj));
var incoming = msg => msg.sdp &&
  pc.setRemoteDescription(new RTCSessionDescription(msg.sdp))
  .then(() => pc.signalingState == "stable" || pc.createAnswer()
    .then(answer => pc.setLocalDescription(answer))
    .then(() => send({ sdp: pc.localDescription })))
  .catch(log) || msg.candidate &&
  pc.addIceCandidate(new RTCIceCandidate(msg.candidate)).catch(log);
sc.onmessage = e => incoming(JSON.parse(e.data));

var log = msg => div.innerHTML += "<br>" + msg;
</script>
</body>
	<body>
	<button id="button" onclick="connect()">Connect</button>
	<div id="div"></div><input id="chat"></input><br>
	<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
	<script>
	var pc = new RTCPeerConnection(), dc, enterPressed = e => e.keyCode == 13;

	var connect = () => init(dc = pc.createDataChannel("chat"));
	pc.ondatachannel = e => init(dc = e.channel);

	var init = dc => {
	dc.onopen = e => (dc.send("Hi!"), chat.select());
	dc.onclose = e => log("Bye!");
	dc.onmessage = e => log(e.data);
	};

	chat.onkeypress = e => {
	if (!enterPressed(e)) return;
	dc.send(chat.value);
	log("> " + chat.value);
	chat.value = "";
	};

	pc.oniceconnectionstatechange = e => log(pc.iceConnectionState);
	pc.onicecandidate = e => send({ candidate: e.candidate });
	pc.onnegotiationneeded = e => pc.createOffer()
	.then(offer => pc.setLocalDescription(offer))
	.then(() => send({ sdp: pc.localDescription }))
	.catch(log);


	var sc = new BroadcastChannel('my_channel'), send = obj => sc.postMessage(JSON.stringify(obj));
	var incoming = msg => msg.sdp &&
	pc.setRemoteDescription(new RTCSessionDescription(msg.sdp))
	.then(() => pc.signalingState == "stable" \|\| pc.createAnswer()
	.then(answer => pc.setLocalDescription(answer))
	.then(() => send({ sdp: pc.localDescription })))
	.catch(log) \|\| msg.candidate &&
	pc.addIceCandidate(new RTCIceCandidate(msg.candidate)).catch(log);
	sc.onmessage = e => incoming(JSON.parse(e.data));

	var log = msg => div.innerHTML += "<br>" + msg;
	</script>
	</body>