该方法在chrome78以上不再适用,想要获取真实IP可以通过后端获取,如果中间有nginx或者其他负载均衡会对真实IP隐藏的话,可以配置http的x-forwarded-for参数,具体请参考相关文章
RTCPeerConnection
接口相当于一个由本地计算机到远端的WebRTC连接,接口提供了创建,保持,关闭连接的方法。
RTCPeerConnection.onicecandidate
: 收到 icecandidate 事件时的事件处理器,当一个RTCDataChannel被添加到连接时,这个事件被触发。
RTCPeerConnection.createOffer()
: 生成一个offer,它是一个带有特定的配置信息寻找远端匹配机器(peer)的请求,这个方法的前两个参数分别是方法调用成功以及失败的回调函数,可选的第三个参数是用户对视频流以及音频流的定制选项。
RTCPeerConnection.createDataChannel()
: 建立一条数据通道,用于发送非音频视频消息
rtc.setLocalDescription()
: 返回一个promise对象
var obj = {}
function getIPAddress(callback) {
var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
if (RTCPeerConnection) {
var rtc = new RTCPeerConnection({ iceServsers: [] });
rtc.createDataChannel('', { reliable: false }); // 建立一条数据通道, 用于发送非音频视频消息
rtc.onicecandidate = function (evt) { // 收到icecandidate事件时的事件处理器,当一个RTCDataChannel被添加到连接时,这个事件被触发
if (evt.candidate) {
grepSDP('a=' + evt.candidate.candidate);
}
};
var addrs = Object.create(null);
addrs['0.0.0.0'] = false;
var grepSDP = function (sdp) {
sdp.split('\r\n').forEach(function (line, index, arr) {
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);
}
});
};
var updateDisplay = function (newAddr) {
if (newAddr in addrs) {
return;
} else {
addrs[newAddr] = true;
}
var displayAddrs = Object.keys(addrs).filter(function (k) {
return addrs[k];
});
for (var i = 0; i < displayAddrs.length; i++) {
if (displayAddrs[i].length > 16) {
displayAddrs.splice(i, 1);
i--;
}
}
callback(displayAddrs[0]);
};
rtc.createOffer(function (offerDesc) { // 生成一个offer,带有特定的配置信息,寻找远端匹配机器的请求
grepSDP(offerDesc.sdp);
rtc.setLocalDescription(offerDesc);
}, function (e) {
throw new Error(e);
});
}
};
getIPAddress(function (data) {
obj.ip = data;
document.write(obj.ip);
});
getIPAddress是异步函数,可以封装成promise,通过then的方式来得到返回数据