Created
November 9, 2012 21:34
-
-
Save luser/4048406 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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)); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment