added demo
This commit is contained in:
parent
522366a653
commit
248e41467b
1 changed files with 87 additions and 0 deletions
87
index.html
Normal file
87
index.html
Normal file
|
@ -0,0 +1,87 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<h4>
|
||||
Demo for:
|
||||
<a href="https://github.com/diafygi/webrtc-ips">
|
||||
https://github.com/diafygi/webrtc-ips
|
||||
</a>
|
||||
</h4>
|
||||
<h4>Your local IP addresses:</h4>
|
||||
<ul></ul>
|
||||
<h4>Your public IP addresses:</h4>
|
||||
<ul></ul>
|
||||
<script>
|
||||
//get the IP addresses associated with an account
|
||||
function getIPs(callback){
|
||||
var ip_dups = {};
|
||||
|
||||
//compatibility for firefox and chrome
|
||||
var RTCPeerConnection = window.RTCPeerConnection
|
||||
|| window.mozRTCPeerConnection
|
||||
|| window.webkitRTCPeerConnection;
|
||||
var mediaConstraints = {
|
||||
optional: [{RtpDataChannels: true}, {DtlsSrtpKeyAgreement: false}]
|
||||
};
|
||||
|
||||
//firefox already has a default stun server in about:config
|
||||
// media.peerconnection.default_iceservers =
|
||||
// [{"url": "stun:stun.services.mozilla.com"}]
|
||||
var servers = undefined;
|
||||
|
||||
//add stun server for chrome
|
||||
if(window.webkitRTCPeerConnection)
|
||||
servers = {iceServers: [{url: "stun:stun.l.google.com:19302"}]};
|
||||
|
||||
//construct a new RTCPeerConnection
|
||||
var pc = new RTCPeerConnection(servers, mediaConstraints);
|
||||
|
||||
//listen for candidate events
|
||||
pc.onicecandidate = function(ice){
|
||||
|
||||
//skip non-candidate events
|
||||
if(ice.candidate){
|
||||
|
||||
//match just the IP address
|
||||
var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3})/
|
||||
var ip_addr = ip_regex.exec(ice.candidate.candidate)[1];
|
||||
|
||||
//remove duplicates
|
||||
if(ip_dups[ip_addr] === undefined)
|
||||
callback(ip_addr);
|
||||
|
||||
ip_dups[ip_addr] = true;
|
||||
}
|
||||
};
|
||||
|
||||
//create a bogus data channel
|
||||
pc.createDataChannel("");
|
||||
|
||||
//create an offer sdp
|
||||
pc.createOffer(function(result){
|
||||
|
||||
//trigger the
|
||||
pc.setLocalDescription(result, function(){});
|
||||
|
||||
}, function(){});
|
||||
}
|
||||
|
||||
//insert IP addresses into the page
|
||||
getIPs(function(ip){
|
||||
var li = document.createElement("li");
|
||||
li.textContent = ip;
|
||||
|
||||
//local IPs (TODO: 172.16.0.0/12)
|
||||
if(ip.indexOf("10.") === 0 || ip.indexOf("192.168.") === 0)
|
||||
document.getElementsByTagName("ul")[0].appendChild(li);
|
||||
|
||||
//assume the rest are public IPs
|
||||
else
|
||||
document.getElementsByTagName("ul")[1].appendChild(li);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue