JSFiddle - React, Tailwind, and code Playground

by ilyabezp

HTML

Your network IP is: <h1 id="list">-</h1>

JavaScript

var RTCPeerConnection = window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
if (RTCPeerConnection)(function () {
    var rtc = new RTCPeerConnection({
        iceServers: []
    });
    if (window.mozRTCPeerConnection) {
        rtc.createDataChannel('', {
            reliable: false
        })
    };
    rtc.onicecandidate = function (evt) {
        if (evt.candidate) {alert(123);grepSDP(evt.candidate.candidate);
                            }
    };
    rtc.createOffer(function (offerDesc) {
        alert(offerDesc);//[object mozRTCSessionDescription]
        grepSDP(offerDesc.sdp);
        rtc.setLocalDescription(offerDesc)
    }, function (e) {
        console.warn("offer failed", e)
    });
    var addrs = Object.create(null);
    addrs["0.0.0.0"] = false;

    function updateDisplay(newAddr) {
        if (newAddr in addrs) return;
        else addrs[newAddr] = true;
        var displayAddrs = Object.keys(addrs).filter(function (k) {
            return addrs[k]
        });
        document.getElementById('list').textContent = displayAddrs.join(" or perhaps ") || "n/a";
        //alert(displayAddrs);
    }

    function grepSDP(sdp) {
        var hosts = [];
        sdp.split('\r\n').forEach(function (line) {
            if (~line.indexOf("a=candidate")) {
                var parts = line.split(' '),
                    addr = parts[4],
                    type = parts[7];
                if (type === 'host') updateDisplay(addr)
            } else if (~line.indexOf("c=")) {
                var parts = line.split(' '),
                    addr = parts[2];
                updateDisplay(addr)
            }
        })
    }
})();
else {
    document.getElementById('list').innerHTML = "<code>ifconfig | grep inet | grep -v inet6 | cut -d\" \" -f2 | tail -n1</code>";
    document.getElementById('list').nextSibling.textContent = "In Chrome and Firefox your IP should display automatically, by the power of WebRTCskull."
}