Browser capability diagnostics | Netzwerkzeug.ch"><script src="https://cdn.webrtc-experiment.com/DetectRTC.js"></script></head><body><header class="site-header"><div class="site-header-inner"><a class="brand" href="https://www.netzwerkzeug.ch/">Netzwerkzeug<span>.ch</span></a><nav class="site-nav" aria-label="Primary navigation"><a href="https://www.netzwerkzeug.ch/">Connection</a><a href="https://www.netzwerkzeug.ch/cgi-bin/ipcalc.cgi">IP calculator</a><a href="https://www.netzwerkzeug.ch/decode.html">URL encode/decode</a><a href="https://www.netzwerkzeug.ch/geoloc.html">Geolocation</a><a href="https://www.netzwerkzeug.ch/rtcdetect.html" aria-current="page">Browser capabilities</a></nav></div></header><main class="page-shell"><section class="hero"><h1>Browser capability diagnostics</h1><p>Inspect WebRTC, media-device, and browser capabilities available to this page.</p></section><section class="panel"> <section class="experiment" id="detectrtc-output"> <h2 id="welcome">DetectRTC!</h2> <table id="browser-features"></table> </section>  <iframe id="iframe" sandbox="allow-same-origin" style="display: none"></iframe> <script> var browserFeaturesTable = document.querySelector('#browser-features'); var screenWidth00 = innerWidth; if(document.querySelector('article')) { screenWidth00 = document.querySelector('article').clientWidth; } function appendTR(firstValue, secondValue, orignal) { var tr = document.createElement('tr'); tr.id = orignal; tr.innerHTML = '<td style="padding: 5px!important; text-aling: center!important;width:20px!important;"><a style="cursor:pointer;" href="#' + orignal + '">#</a></td><td style="padding:5px;width:' + (parseInt(screenWidth00 / 2) - 180) + 'px!important; overflow:hidden;padding: 5px!important; text-aling: center!important;width:50%!important;">' + firstValue + '</td><td style="padding:5px;">' + secondValue + '</td>'; browserFeaturesTable.appendChild(tr); return tr; } function printVal(value) { return value == true ? 'Yep' : value == false ? 'Nope' : value; } function getInfoDiv(id) { return '<div class="info-div" id="' + id + '"></div>'; } var output = ''; function onDetectRTCLoaded() { browserFeaturesTable.innerHTML = ''; appendTR('Operating System', printVal(DetectRTC.osName) + ' version: ' + printVal(DetectRTC.osVersion), 'osVersion'); appendTR('Browser', printVal(DetectRTC.browser.name) + ' version: ' + printVal(DetectRTC.browser.fullVersion) + '<br>Private browsing? ' + printVal(DetectRTC.browser.isPrivateBrowsing), 'fullVersion'); appendTR('Display resolutions', printVal(DetectRTC.displayResolution), 'displayResolution'); output = printVal(DetectRTC.hasSpeakers); if(DetectRTC.audioOutputDevices.length) { output += '<br>Found speaker devices: ' + DetectRTC.audioOutputDevices.length; var labels = []; DetectRTC.audioOutputDevices.forEach(function(device) { labels.push(device.label); }); output += '<br><div style="margin-left:15px;">' + labels.join('<br>') + '</div>'; } appendTR('System has Speakers?', output, 'audioOutputDevices'); output = printVal(DetectRTC.hasMicrophone); if(DetectRTC.audioInputDevices.length) { output += '<br>Found microphone devices: ' + DetectRTC.audioInputDevices.length; var labels = []; DetectRTC.audioInputDevices.forEach(function(device) { labels.push(device.label); }); output += '<br><div style="margin-left:15px;">' + labels.join('<br>') + '</div>'; } appendTR('System has Microphone?', output, 'audioInputDevices'); output = printVal(DetectRTC.hasWebcam); if(DetectRTC.videoInputDevices.length) { output += '<br>Found webcam devices: ' + DetectRTC.videoInputDevices.length; var labels = []; DetectRTC.videoInputDevices.forEach(function(device) { labels.push(device.label); }); output += '<br><div style="margin-left:15px;">' + labels.join('<br>') + '</div>'; } appendTR('System has Webcam?', output, 'videoInputDevices'); appendTR('Website has webcam permissions?', printVal(DetectRTC.isWebsiteHasWebcamPermissions), 'isWebsiteHasWebcamPermissions'); appendTR('Website has mcirophone permissions?', printVal(DetectRTC.isWebsiteHasMicrophonePermissions), 'isWebsiteHasMicrophonePermissions'); appendTR('Browser allows getUserMedia on this page?', printVal(DetectRTC.isGetUserMediaSupported), 'isGetUserMediaSupported'); appendTR('Can you change output audio devices?' + getInfoDiv('infoIcon-set-sink-id'), printVal(DetectRTC.isSetSinkIdSupported), 'isSetSinkIdSupported'); appendTR('Can you change camera resolutions without making new getUserMedia request?' + getInfoDiv('infoIcon-apply-constraints'), printVal(DetectRTC.isApplyConstraintsSupported), 'isApplyConstraintsSupported'); appendTR('Browser Supports WebRTC (Either 1.0 or 1.1)?', printVal(DetectRTC.isWebRTCSupported), 'isWebRTCSupported'); appendTR('Browser Supports ORTC (WebRTC 1.1)?', printVal(DetectRTC.isORTCSupported), 'isORTCSupported'); appendTR('Can you replace tracks without renegotiating peers?' + getInfoDiv('infoIcon-replace-tracks'), printVal(DetectRTC.isRTPSenderReplaceTracksSupported), 'isRTPSenderReplaceTracksSupported'); appendTR('Can your browser record remote audio or process remote audio stream in WebAudio API?', printVal(DetectRTC.isRemoteStreamProcessingSupported), 'isRemoteStreamProcessingSupported'); appendTR('Browser Supports WebSockets API?', printVal(DetectRTC.isWebSocketsSupported), 'isWebSocketsSupported'); var tr = appendTR('Your system blocked WebSockets protocol or WebSockets server is not accessible?', printVal(DetectRTC.isWebSocketsBlocked), 'isWebSocketsBlocked'); DetectRTC.checkWebSocketsSupport(function() { tr.querySelectorAll('td')[1].innerHTML = printVal(DetectRTC.isWebSocketsBlocked); }); appendTR('Browser Supports WebAudio API?', printVal(DetectRTC.isAudioContextSupported), 'isAudioContextSupported'); appendTR('Browser Supports SCTP Data Channels?', printVal(DetectRTC.isSctpDataChannelsSupported), 'isSctpDataChannelsSupported'); appendTR('Browser Supports RTP Data Channels?', printVal(DetectRTC.isRtpDataChannelsSupported), 'isRtpDataChannelsSupported'); appendTR('This page Supports Screen Capturing API?', printVal(DetectRTC.isScreenCapturingSupported), 'isScreenCapturingSupported'); appendTR('Is this browser supports multi-monitor selection & capturing screen of any monitor?', printVal(DetectRTC.isMultiMonitorScreenCapturingSupported), 'isMultiMonitorScreenCapturingSupported'); appendTR('Is it a mobile device?', printVal(DetectRTC.isMobileDevice), 'isMobileDevice'); appendTR('Browser Supports WebSockets?', printVal(DetectRTC.isWebSocketsSupported), 'isWebSocketsSupported'); appendTR('Is Browser Supports Stream Capturing from Canvas?', printVal(DetectRTC.isVideoSupportsStreamCapturing), 'isVideoSupportsStreamCapturing'); appendTR('Is Browser Supports Stream Capturing from Video?', printVal(DetectRTC.isVideoSupportsStreamCapturing), 'isVideoSupportsStreamCapturing'); appendTR('Is Browser Supports Promises?', printVal(DetectRTC.isPromisesSupported), 'isPromisesSupported'); appendTR(DetectRTC.MediaStream === false ? 'Your system does NOT supports MediaStream.' : 'Your system supports MediaStream.', '<strong>MediaStream.prototype:</strong><br>' + DetectRTC.MediaStream.toString().split(',').join(', '), 'MediaStream'); appendTR(DetectRTC.MediaStreamTrack === false ? 'Your system does NOT supports MediaStreamTrack.' : 'Your system supports MediaStreamTrack.', '<strong>MediaStreamTrack.prototype:</strong><br>' + DetectRTC.MediaStreamTrack.toString().split(',').join(', '), 'MediaStreamTrack'); appendTR(DetectRTC.RTCPeerConnection === false ? 'Your system does NOT supports RTCPeerConnection API.' : 'Your system supports RTCPeerConnection API.', '<strong>RTCPeerConnection.prototype:</strong><br>' + DetectRTC.RTCPeerConnection.toString().split(',').join(', '), 'RTCPeerConnection'); /* DetectRTC.DetectLocalIPAddress(function(ipAddress) { if (ipAddress.indexOf('Local') !== -1) { appendTR('Your <strong>Local</strong> IP Address', ipAddress); } else { appendTR('Your <strong>Public</strong> IP Address', ipAddress); } }); */ document.getElementById('infoIcon-set-sink-id').onclick = function() { var pre = this.parentNode.querySelector('pre'); if(pre) { pre.parentNode.removeChild(pre); return; } pre = document.createElement('pre'); pre.className = 'sh_javascript inline-pre'; pre.innerHTML += '\ var secondarySpeakers = DetectRTC.audioOutputDevices[1];<br>\ if(secondarySpeakers) {<br>\ videoElement.setSinkId(secondarySpeakers.deviceId);<br>\ }'; this.parentNode.appendChild(pre); pre.focus(); sh_highlightDocument(); }; document.getElementById('infoIcon-apply-constraints').onclick = function() { var pre = this.parentNode.querySelector('pre'); if(pre) { pre.parentNode.removeChild(pre); return; } pre = document.createElement('pre'); pre.className = 'sh_javascript inline-pre'; pre.innerHTML += '\ var secondaryCamera = DetectRTC.videoInputDevices[1];<br>\ if(secondaryCamera) {<br>\ var videoConstraints = {<br>\ deviceId: secondaryCamera.deviceId<br>\ };<br>\ <br>\ oldMediaStream.getVideoTracks().forEach(function(track) {<br>\ track.applyConstraints(videoConstraints); <br>\ });<br>\ }'; this.parentNode.appendChild(pre); pre.focus(); sh_highlightDocument(); }; document.getElementById('infoIcon-replace-tracks').onclick = function() { var pre = this.parentNode.querySelector('pre'); if(pre) { pre.parentNode.removeChild(pre); return; } pre = document.createElement('pre'); pre.className = 'sh_javascript inline-pre'; pre.innerHTML += '\ var newTrack = newMediaStream.getVideoTracks()[0];<br>\ var rtpSenders = rtcPeerConnection.getSenders()[0];<br>\ rtpSenders.replaceTrack(newTrack);'; this.parentNode.appendChild(pre); pre.focus(); sh_highlightDocument(); }; } function reloadDetectRTC() { DetectRTC.load(onDetectRTCLoaded); } DetectRTC.load(function() { reloadDetectRTC(); if(DetectRTC.MediaDevices[0] && DetectRTC.MediaDevices[0].label === 'Please invoke getUserMedia once.') { navigator.mediaDevices.getUserMedia({audio: true, video: true}).then(reloadDetectRTC).catch(reloadDetectRTC); return; } onDetectRTCLoaded(); }); document.getElementById('generate-image').onclick = function() { document.getElementById('generate-image').style.display = 'none'; html2canvas(browserFeaturesTable.parentNode, { background :'#FFFFFF', grabMouse: false, onrendered: function(canvas) { var image = canvas.toDataURL('image/jpeg'); window.open(image); document.getElementById('generate-image').style.display = 'inline-block'; } }); }; function dataURLToBlob(dataURL) { var BASE64_MARKER = ';base64,'; if (dataURL.indexOf(BASE64_MARKER) == -1) { var parts = dataURL.split(','); var contentType = parts[0].split(':')[1]; var raw = decodeURIComponent(parts[1]); return new Blob([raw], { type: contentType }); } var parts = dataURL.split(BASE64_MARKER); var contentType = parts[0].split(':')[1]; var raw = window.atob(parts[1]); var rawLength = raw.length; var uInt8Array = new Uint8Array(rawLength); for (var i = 0; i < rawLength; ++i) { uInt8Array[i] = raw.charCodeAt(i); } return new Blob([uInt8Array], { type: contentType }); } </script> <section class="experiment"> </section></main><footer class="site-footer"><div class="site-footer-inner"><a href="https://www.netzwerkzeug.ch/">Back to tools</a></div></footer></body></html>