luser/webrtctest.html

## webrtctest.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<video id="local" autoplay></video>
<video id="remote" autoplay></video>
<pre id="out">
</pre>
</body>
<script src="webrtctest.js"></script>
</html>

## webrtctest.js
function createPeerConnection() {
  if (window.mozRTCPeerConnection)
    return new mozRTCPeerConnection();
  if (window.webkitRTCPeerConnection)
    return new webkitRTCPeerConnection(null);
  return null;
}

var pc = createPeerConnection();
var localvideo = document.getElementById("local");
var remotevideo = document.getElementById("remote");
var otherwin = window.opener || null;

if (otherwin == null) {
    window.addEventListener("load", start, false);
}

window.addEventListener("message", function(event) {
  if (otherwin == null)
    otherwin = event.source;
  if (event.data.type == "offer") {
    setOffer(event.data.sdp);
  } else if (event.data.type == "answer") {
    setAnswer(event.data.sdp);
  } else if (event.data.type == "ice") {
    setice(JSON.parse(event.data.candidate));
  }
});

function showVideoStream(stream, v) {
  if ("mozSrcObject" in v) {
      v.mozSrcObject = stream;
  } else {
      v.src = webkitURL.createObjectURL(stream);
  }
  v.play();
}

function debug_sdp(sdp) {
  document.getElementById("out").appendChild(document.createTextNode(sdp));
}

pc.onicecandidate = function(event) {
    console.log("onicecandidate");
    otherwin.postMessage({"type":"ice", "candidate": JSON.stringify(event.candidate)}, "*");
};

pc.onaddstream = function(streamevent) {
  console.log("onaddstream: " + streamevent);
  showVideoStream(streamevent.stream, remotevideo);
};

if ('onopen' in pc) {
  pc.onopen = function() {
    console.log("onopen");
  };
}

pc.onstatechange = function() {
  console.log("onstatechange: " + pc.readyState);
}

function start() {
  console.log("start");
  otherwin = window.open("webrtctest.html", "webrtctest2", "resizable=yes,scrollbars=yes,toolbar=yes");
  otherwin.onload = function() {
    var streams = {video: true};
    function failure(err) {
        console.error("getUserMedia error: " + err.message);
    }
    function createOffer() {
      pc.createOffer(function(offer) {
        console.log("offer created");
        debug_sdp(offer.sdp);
        otherwin.postMessage({"type": "offer", "sdp": offer.sdp}, "*");
        pc.setLocalDescription(offer);
      }, function(err) { console.log("createOffer error: " + err.message); });
    }
    function gotStream(stream) {
      console.log("getUserMedia: " + stream);
      pc.addStream(stream);
      showVideoStream(stream, localvideo);
      if (navigator.mozGetUserMedia) {
        navigator.mozGetUserMedia({audio:true, fake:true}, function(stream) {
          pc.addStream(stream);
          createOffer();
        }, function(err) { console.error(err); });
      } else {
        createOffer();
      }
    }
    if (navigator.webkitGetUserMedia) {
      navigator.webkitGetUserMedia(streams, gotStream, failure);
    } else if (navigator.mozGetUserMedia) {
      navigator.mozGetUserMedia(streams, gotStream, failure);
    }
  };
}

function setOffer(sdp) {
  console.log("setOffer");
  var offer = {type:"offer", sdp:sdp};
  var rtc_offer = offer;
  try {
    rtc_offer = new RTCSessionDescription(offer);
  } catch (x) {
    rtc_offer = offer;
  }
  pc.setRemoteDescription(rtc_offer, function() {
    console.log("setRemoteDescription");
    function createAnswer() {
      pc.createAnswer(function(answer) {
        console.log("answer created");
        debug_sdp(answer.sdp);
        pc.setLocalDescription(answer);
        otherwin.postMessage({"type": "answer", "sdp": answer.sdp}, "*");
      });
    }
    if (navigator.mozGetUserMedia) {
      navigator.mozGetUserMedia({video:true}, function(stream) {
        showVideoStream(stream, localvideo);
        pc.addStream(stream);
        navigator.mozGetUserMedia({audio:true, fake:true}, function(stream) {
          pc.addStream(stream);
          createAnswer();
        }, function(err) { console.error(err); });
      }, function(err) { console.error(err); });
    } else {
      createAnswer();
    }
  });
};

function setAnswer(sdp) {
  console.log("setAnswer");
  var answer = {type:"answer", sdp:sdp};
  var rtc_answer;
  try {
    rtc_answer = new RTCSessionDescription(answer);
  } catch (x) {
    rtc_answer = answer;
  }
  pc.setRemoteDescription(rtc_answer, function() {
    console.log("setRemoteDescription");
  });
}

function setice(ice) {
  console.log("setice");
  pc.addIceCandidate(new RTCIceCandidate(ice));
}
	<!DOCTYPE html>
	<html>
	<head>
	</head>
	<body>
	<video id="local" autoplay></video>
	<video id="remote" autoplay></video>
	<pre id="out">
	</pre>
	</body>
	<script src="webrtctest.js"></script>
	</html>
	function createPeerConnection() {
	if (window.mozRTCPeerConnection)
	return new mozRTCPeerConnection();
	if (window.webkitRTCPeerConnection)
	return new webkitRTCPeerConnection(null);
	return null;
	}

	var pc = createPeerConnection();
	var localvideo = document.getElementById("local");
	var remotevideo = document.getElementById("remote");
	var otherwin = window.opener \|\| null;

	if (otherwin == null) {
	window.addEventListener("load", start, false);
	}

	window.addEventListener("message", function(event) {
	if (otherwin == null)
	otherwin = event.source;
	if (event.data.type == "offer") {
	setOffer(event.data.sdp);
	} else if (event.data.type == "answer") {
	setAnswer(event.data.sdp);
	} else if (event.data.type == "ice") {
	setice(JSON.parse(event.data.candidate));
	}
	});

	function showVideoStream(stream, v) {
	if ("mozSrcObject" in v) {
	v.mozSrcObject = stream;
	} else {
	v.src = webkitURL.createObjectURL(stream);
	}
	v.play();
	}

	function debug_sdp(sdp) {
	document.getElementById("out").appendChild(document.createTextNode(sdp));
	}

	pc.onicecandidate = function(event) {
	console.log("onicecandidate");
	otherwin.postMessage({"type":"ice", "candidate": JSON.stringify(event.candidate)}, "*");
	};

	pc.onaddstream = function(streamevent) {
	console.log("onaddstream: " + streamevent);
	showVideoStream(streamevent.stream, remotevideo);
	};

	if ('onopen' in pc) {
	pc.onopen = function() {
	console.log("onopen");
	};
	}

	pc.onstatechange = function() {
	console.log("onstatechange: " + pc.readyState);
	}

	function start() {
	console.log("start");
	otherwin = window.open("webrtctest.html", "webrtctest2", "resizable=yes,scrollbars=yes,toolbar=yes");
	otherwin.onload = function() {
	var streams = {video: true};
	function failure(err) {
	console.error("getUserMedia error: " + err.message);
	}
	function createOffer() {
	pc.createOffer(function(offer) {
	console.log("offer created");
	debug_sdp(offer.sdp);
	otherwin.postMessage({"type": "offer", "sdp": offer.sdp}, "*");
	pc.setLocalDescription(offer);
	}, function(err) { console.log("createOffer error: " + err.message); });
	}
	function gotStream(stream) {
	console.log("getUserMedia: " + stream);
	pc.addStream(stream);
	showVideoStream(stream, localvideo);
	if (navigator.mozGetUserMedia) {
	navigator.mozGetUserMedia({audio:true, fake:true}, function(stream) {
	pc.addStream(stream);
	createOffer();
	}, function(err) { console.error(err); });
	} else {
	createOffer();
	}
	}
	if (navigator.webkitGetUserMedia) {
	navigator.webkitGetUserMedia(streams, gotStream, failure);
	} else if (navigator.mozGetUserMedia) {
	navigator.mozGetUserMedia(streams, gotStream, failure);
	}
	};
	}

	function setOffer(sdp) {
	console.log("setOffer");
	var offer = {type:"offer", sdp:sdp};
	var rtc_offer = offer;
	try {
	rtc_offer = new RTCSessionDescription(offer);
	} catch (x) {
	rtc_offer = offer;
	}
	pc.setRemoteDescription(rtc_offer, function() {
	console.log("setRemoteDescription");
	function createAnswer() {
	pc.createAnswer(function(answer) {
	console.log("answer created");
	debug_sdp(answer.sdp);
	pc.setLocalDescription(answer);
	otherwin.postMessage({"type": "answer", "sdp": answer.sdp}, "*");
	});
	}
	if (navigator.mozGetUserMedia) {
	navigator.mozGetUserMedia({video:true}, function(stream) {
	showVideoStream(stream, localvideo);
	pc.addStream(stream);
	navigator.mozGetUserMedia({audio:true, fake:true}, function(stream) {
	pc.addStream(stream);
	createAnswer();
	}, function(err) { console.error(err); });
	}, function(err) { console.error(err); });
	} else {
	createAnswer();
	}
	});
	};

	function setAnswer(sdp) {
	console.log("setAnswer");
	var answer = {type:"answer", sdp:sdp};
	var rtc_answer;
	try {
	rtc_answer = new RTCSessionDescription(answer);
	} catch (x) {
	rtc_answer = answer;
	}
	pc.setRemoteDescription(rtc_answer, function() {
	console.log("setRemoteDescription");
	});
	}

	function setice(ice) {
	console.log("setice");
	pc.addIceCandidate(new RTCIceCandidate(ice));
	}