Is it possible to access the chrome://webrtc-internals/ variables through an API in JavaScript?

Question

Is it possible to access the chrome://webrtc-internals/ variables through an API in JavaScript?

I couldn't find any information about how to access the logged variables in chrome://webrtc-internals/ on google. There is not even a description of the graphs available there.
I am specifically interested in packetsLost, googCurrentDelayMs, and googNacksSent.

The reason behind wanting access to webrtc-internals
I am currently developing a video streaming application on Google Chrome that works peer-to-peer. This application uses peerjs to share the stream with other peers, utilizing Google's WebRTC technology as its foundation. To enhance the performance of my application, it would be crucial for me to monitor significant delays. As I can track these delays through logs in chrome://webrtc-internals/, I was interested in finding out if I could retrieve this data using JavaScript.

My assumption is that there isn't an API available for the chrome://webrtc-internals/ menu.

javascript google-chrome webrtc google-chrome-app peerjs

Answer 1

Answer №1

I managed to solve this issue by delving into various Google community threads (thread 1, thread2):

var peerjs = new Peer(...); // initializing PeerJS
var connections = peerjs.connections;

The 'connections' variable is an object:

Object {2e1c5694-e6ef-e1b2-22d5-84a3807961d4: Array[3]}
    2e1c5694-e6ef-e1b2-22d5-84a3807961d4: Array[3]
        0: DataConnection
        1: MediaConnection
        2: MediaConnection
        length: 3
    __proto__: Array[0]
__proto__: Object

You can inspect any of these connection objects:

var rtcPeerConn = connectionObject.pc; // RTCPeerConnection

rtcPeerConn.getStats(function callback(connStats){
    var rtcStatsReports = connStats.result(); // an array of available status reports
    // Each status report object contains multiple variables, like googCurrentDelayMs.
    // You'll need to iterate through the objects and check their names to find the desired report.
    rtcStatsReports[7].names(); // returns all available variables for that report

    var googCurrentDelayMs = rtcStatsReports[7].stat('googCurrentDelayMs');
    console.log(googCurrentDelayMs); // finally - googCurrentDelayMs :-)
})

Answer 2

I managed to solve this issue by delving into various Google community threads (thread 1, thread2):

var peerjs = new Peer(...); // initializing PeerJS
var connections = peerjs.connections;

The 'connections' variable is an object:

Object {2e1c5694-e6ef-e1b2-22d5-84a3807961d4: Array[3]}
    2e1c5694-e6ef-e1b2-22d5-84a3807961d4: Array[3]
        0: DataConnection
        1: MediaConnection
        2: MediaConnection
        length: 3
    __proto__: Array[0]
__proto__: Object

You can inspect any of these connection objects:

var rtcPeerConn = connectionObject.pc; // RTCPeerConnection

rtcPeerConn.getStats(function callback(connStats){
    var rtcStatsReports = connStats.result(); // an array of available status reports
    // Each status report object contains multiple variables, like googCurrentDelayMs.
    // You'll need to iterate through the objects and check their names to find the desired report.
    rtcStatsReports[7].names(); // returns all available variables for that report

    var googCurrentDelayMs = rtcStatsReports[7].stat('googCurrentDelayMs');
    console.log(googCurrentDelayMs); // finally - googCurrentDelayMs :-)
})

Answer 3

Answer №2

After conducting extensive research, I was able to successfully retrieve data from the PC using the Twilio SDK.

var rtcPeerConn =Twilio.Device.activeConnection();
rtcPeerConn.options.mediaStreamFactory.protocol.pc.getStats(function callback(report) {
                var rtcStatsReports = report.result();
                for (var i=0; i<rtcStatsReports.length; i++) {
                    var statNames = rtcStatsReports[i].names();
                    // filtering ICE stats
                    if (statNames.indexOf("transportId") > -1) {
                        var logs = "";
                        for (var j=0; j<statNames.length; j++) {
                            var statName = statNames[j];
                            var statValue = rtcStatsReports[i].stat(statName);
                            logs = logs + statName + ": " + statValue + ", ";
                        }
                        console.log(logs);
                    }
                }
            });

//Calculate error rate: Packetlost / packetsent

var rtcPeerConn =Twilio.Device.activeConnection();
rtcPeerConn.options.mediaStreamFactory.protocol.pc.getStats(function callback(report) {
                var error, pcksent;
                var rtcStatsReports = report.result();
                for (var i=0; i<rtcStatsReports.length; i++) {
                    var statNames = rtcStatsReports[i].names();
                    // filtering ICE stats
                    if (statNames.indexOf("packetsSent") > -1) {
                        var logs = "";
                        for (var j=0; j<statNames.length; j++) {
                            var statName = statNames[j];
                            var statValue = rtcStatsReports[i].stat(statName);
                            if(statName=="packetsLost")
                              error= statValue;
                            if(statName =="packetsSent")
                              pcksent = statValue;
                            logs = logs +"n:" +statName + ": " + statValue + ", ";
                        }
                        console.log(error/pcksent);
                    }
                }

            });

Answer 4

After conducting extensive research, I was able to successfully retrieve data from the PC using the Twilio SDK.

var rtcPeerConn =Twilio.Device.activeConnection();
rtcPeerConn.options.mediaStreamFactory.protocol.pc.getStats(function callback(report) {
                var rtcStatsReports = report.result();
                for (var i=0; i<rtcStatsReports.length; i++) {
                    var statNames = rtcStatsReports[i].names();
                    // filtering ICE stats
                    if (statNames.indexOf("transportId") > -1) {
                        var logs = "";
                        for (var j=0; j<statNames.length; j++) {
                            var statName = statNames[j];
                            var statValue = rtcStatsReports[i].stat(statName);
                            logs = logs + statName + ": " + statValue + ", ";
                        }
                        console.log(logs);
                    }
                }
            });

//Calculate error rate: Packetlost / packetsent

var rtcPeerConn =Twilio.Device.activeConnection();
rtcPeerConn.options.mediaStreamFactory.protocol.pc.getStats(function callback(report) {
                var error, pcksent;
                var rtcStatsReports = report.result();
                for (var i=0; i<rtcStatsReports.length; i++) {
                    var statNames = rtcStatsReports[i].names();
                    // filtering ICE stats
                    if (statNames.indexOf("packetsSent") > -1) {
                        var logs = "";
                        for (var j=0; j<statNames.length; j++) {
                            var statName = statNames[j];
                            var statValue = rtcStatsReports[i].stat(statName);
                            if(statName=="packetsLost")
                              error= statValue;
                            if(statName =="packetsSent")
                              pcksent = statValue;
                            logs = logs +"n:" +statName + ": " + statValue + ", ";
                        }
                        console.log(error/pcksent);
                    }
                }

            });

Is it possible to access the chrome://webrtc-internals/ variables through an API in JavaScript?

Answer №1

Answer №2

Similar questions

Customize Your Lightbox Fields with DHXScheduler

The Process of Developing Applications

Issue with jquery .click function not triggering after CSS adjustment

Sped up object outpacing the mouse pointer

Tips on safeguarding your templates while working with SailsJS and AngularJS

Are there any instances where CSS is overlooking certain HTML elements?

Experiencing a bug in the production build of my application involving Webpack, React, postCSS, and potentially other JavaScript code not injecting correctly

Performing height calculations in JavaScript is necessary to recalculate them whenever there is a

Having trouble getting the convert-multiple-files npm package to function properly on an Elastic Beanstalk environment running Amazon Linux

The Node.js server seems to be continuously loading without producing any output

JavaScript format nested data structure

When using Magento, pasting the same link into the browser produces a different outcome than clicking on window.location - specifically when trying to add items to the

Is there a way to implement retry functionality with a delay in RxJs without resorting to the outdated retryWhen method?

JavaScript for switching between grid layouts

Utilizing jQuery UI autocomplete with AJAX and JSON data sources

Video is not visible in safari browser initially, but becomes visible only after scrolling for a little while

Miscalculation occurred when attempting to add or subtract values from various inputs

Is there a way for me to gain access to the ng-repeat scope?

The removeEventListener method in JavaScript fails to function properly

Tips for accessing the current state/value in a third-party event handler?