192 lines
4.9 KiB
JavaScript
192 lines
4.9 KiB
JavaScript
|
// Copyright (c) 2014 The WebRTC project authors. All Rights Reserved.
|
||
|
//
|
||
|
// Use of this source code is governed by a BSD-style license
|
||
|
// that can be found in the LICENSE file in the root of the source
|
||
|
// tree. An additional intellectual property rights grant can be found
|
||
|
// in the file PATENTS. All contributing project authors may
|
||
|
// be found in the AUTHORS file in the root of the source tree.
|
||
|
//
|
||
|
google.load("visualization", "1", {packages:["corechart"]});
|
||
|
|
||
|
function openFiles(event) {
|
||
|
var files = event.target.files;
|
||
|
readAndAnalyzeFiles(files)
|
||
|
}
|
||
|
|
||
|
function readAndAnalyzeFiles(files) {
|
||
|
if(!files) {
|
||
|
alert("No files have been selected!");
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var reports = [];
|
||
|
var filesNames = [];
|
||
|
missingFiles = files.length;
|
||
|
|
||
|
for(var i = 0; i < files.length; i++) {
|
||
|
var reader = new FileReader();
|
||
|
reader.onload = onReaderLoad.bind(reader, files[i].name);
|
||
|
reader.readAsText(files[i]);
|
||
|
}
|
||
|
|
||
|
function onReaderLoad(fileName) {
|
||
|
reports.push(JSON.parse(this.result));
|
||
|
filesNames.push(fileName);
|
||
|
|
||
|
missingFiles--;
|
||
|
if(missingFiles == 0) {
|
||
|
analyzeReports_(reports, filesNames);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// TODO(houssainy) take the input stats from the select list or
|
||
|
// drop down menu in html.
|
||
|
function analyzeReports_(reports, filesNames) {
|
||
|
filesNames.unshift(""); // ned
|
||
|
|
||
|
// Rtt
|
||
|
analyzeRttData(reports, filesNames, "bot1");
|
||
|
analyzeRttData(reports, filesNames, "bot2");
|
||
|
|
||
|
// Send Packets Lost
|
||
|
analyzePacketsLostData(reports, filesNames, "bot1");
|
||
|
analyzePacketsLostData(reports, filesNames, "bot2");
|
||
|
|
||
|
// Send bandwidth
|
||
|
analyzeData(reports, filesNames, "Available Send Bandwidth-bot1", "bot1",
|
||
|
"bweforvideo", "googAvailableSendBandwidth");
|
||
|
analyzeData(reports, filesNames, "Available Send Bandwidth-bot2", "bot2",
|
||
|
"bweforvideo", "googAvailableSendBandwidth");
|
||
|
|
||
|
// Receive bandwidth
|
||
|
analyzeData(reports, filesNames, "Available Receive Bandwidth-bot1", "bot1",
|
||
|
"bweforvideo", "googAvailableReceiveBandwidth");
|
||
|
analyzeData(reports, filesNames, "Available Receive Bandwidth-bot2", "bot2",
|
||
|
"bweforvideo", "googAvailableReceiveBandwidth");
|
||
|
|
||
|
drawSeparatorLine();
|
||
|
}
|
||
|
|
||
|
function analyzeRttData(reports, filesNames, botName) {
|
||
|
var outPut = [];
|
||
|
outPut.push(filesNames);
|
||
|
|
||
|
var avergaData = ['Average Rtt x10'];
|
||
|
var maxData = ['Max Rtt'];
|
||
|
|
||
|
var average;
|
||
|
var max;
|
||
|
for(var index in reports) {
|
||
|
average = getStateAverage(reports[index], botName, "Conn-audio-1-0",
|
||
|
"googRtt");
|
||
|
avergaData.push(average*10);
|
||
|
|
||
|
max = getStateMax(reports[index], botName, "Conn-audio-1-0",
|
||
|
"googRtt");
|
||
|
maxData.push(max);
|
||
|
}
|
||
|
outPut.push(avergaData);
|
||
|
outPut.push(maxData);
|
||
|
|
||
|
drawChart("Rtt-" + botName, outPut);
|
||
|
}
|
||
|
|
||
|
function analyzePacketsLostData(reports, filesNames, botName) {
|
||
|
var outPut = [];
|
||
|
outPut.push(filesNames);
|
||
|
|
||
|
var maxData = ['Max Send PacketsLost'];
|
||
|
var max;
|
||
|
for(var index in reports) {
|
||
|
max = getStateMax(reports[index], botName, "ssrc_[0-9]+_send",
|
||
|
"packetsLost");
|
||
|
maxData.push(max);
|
||
|
}
|
||
|
outPut.push(maxData);
|
||
|
|
||
|
drawChart("Send PacketsLost-" + botName, outPut);
|
||
|
}
|
||
|
|
||
|
function analyzeData(reports, filesNames, chartName, botName, reportId,
|
||
|
statName) {
|
||
|
var outPut = [];
|
||
|
outPut.push(filesNames);
|
||
|
|
||
|
var avergaData = ['Average ' + statName];
|
||
|
var maxData = ['Max ' + statName];
|
||
|
|
||
|
var average;
|
||
|
var max;
|
||
|
for(var index in reports) {
|
||
|
average = getStateAverage(reports[index], botName, reportId, statName);
|
||
|
avergaData.push(average);
|
||
|
|
||
|
max = getStateMax(reports[index], botName, reportId, statName);
|
||
|
maxData.push(max);
|
||
|
}
|
||
|
outPut.push(avergaData);
|
||
|
outPut.push(maxData);
|
||
|
|
||
|
drawChart(chartName, outPut);
|
||
|
}
|
||
|
|
||
|
function getStateAverage(reports, botName, reportId, statName) {
|
||
|
var sum = 0;
|
||
|
var count = 0;
|
||
|
|
||
|
for (var index in reports) {
|
||
|
var data = reports[index].data;
|
||
|
if(index == 0 || !data.hasOwnProperty(botName))
|
||
|
continue;
|
||
|
|
||
|
var stats = data[botName];
|
||
|
for (var key in stats) {
|
||
|
if(key.search(reportId) != -1) {
|
||
|
var value = parseInt(stats[key][statName]);
|
||
|
sum += value;
|
||
|
count++;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return Math.round(sum/count);
|
||
|
}
|
||
|
|
||
|
function getStateMax(reports, botName, reportId, statName) {
|
||
|
var max = -1;
|
||
|
|
||
|
for (var index in reports) {
|
||
|
var data = reports[index].data;
|
||
|
if(index == 0 || !data.hasOwnProperty(botName))
|
||
|
continue;
|
||
|
|
||
|
var stats = data[botName];
|
||
|
for (var key in stats) {
|
||
|
if(key.search(reportId) != -1) {
|
||
|
var value = parseInt(stats[key][statName]);
|
||
|
max = Math.max(value, max);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return max;
|
||
|
}
|
||
|
|
||
|
function drawChart(title, data) {
|
||
|
var dataTable = google.visualization.arrayToDataTable(data);
|
||
|
|
||
|
var options = {
|
||
|
title: title,
|
||
|
};
|
||
|
|
||
|
var div = document.createElement('div');
|
||
|
document.body.appendChild(div);
|
||
|
|
||
|
var chart = new google.visualization.ColumnChart(div);
|
||
|
chart.draw(dataTable, options);
|
||
|
}
|
||
|
|
||
|
function drawSeparatorLine() {
|
||
|
var hr = document.createElement('hr');
|
||
|
document.body.appendChild(hr);
|
||
|
}
|