mirror of
https://github.com/jech/galene.git
synced 2024-11-08 17:55:59 +01:00
Add human-readable version of stats under /stats.html.
This commit is contained in:
parent
3a6ade988d
commit
b1bb427f06
3 changed files with 137 additions and 2 deletions
4
README
4
README
|
@ -163,8 +163,8 @@ with others, there is no need to go through the landing page.
|
|||
Recordings can be accessed under `/recordings/groupname`. This is only
|
||||
available to the administrator of the group.
|
||||
|
||||
Some statistics are available under `/stats.json`. This is only available
|
||||
to the server administrator.
|
||||
Some statistics are available under `/stats.json`, with a human-readable
|
||||
version at `/stats.html`. This is only available to the server administrator.
|
||||
|
||||
## Side menu
|
||||
|
||||
|
|
17
static/stats.html
Normal file
17
static/stats.html
Normal file
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Galène statistics</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="/common.css">
|
||||
<link rel="author" href="https://www.irif.fr/~jch/"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 id="title" class="navbar-brand">Galène statistics</h1>
|
||||
<table id="stats-table"></table>
|
||||
<script src="/stats.js" defer></script>
|
||||
</body>
|
||||
</html>
|
118
static/stats.js
Normal file
118
static/stats.js
Normal file
|
@ -0,0 +1,118 @@
|
|||
// Copyright (c) 2021 by Juliusz Chroboczek.
|
||||
|
||||
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
// of this software and associated documentation files (the "Software"), to deal
|
||||
// in the Software without restriction, including without limitation the rights
|
||||
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
// copies of the Software, and to permit persons to whom the Software is
|
||||
// furnished to do so, subject to the following conditions:
|
||||
//
|
||||
// The above copyright notice and this permission notice shall be included in
|
||||
// all copies or substantial portions of the Software.
|
||||
//
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
// THE SOFTWARE.
|
||||
|
||||
'use strict';
|
||||
|
||||
async function listStats() {
|
||||
let table = document.getElementById('stats-table');
|
||||
|
||||
let l;
|
||||
try {
|
||||
l = await (await fetch('/stats.json')).json();
|
||||
} catch(e) {
|
||||
console.error(e);
|
||||
l = [];
|
||||
}
|
||||
|
||||
if(l.length === 0) {
|
||||
table.textContent = '(No group found.)';
|
||||
return;
|
||||
}
|
||||
|
||||
for(let i = 0; i < l.length; i++)
|
||||
table.appendChild(formatGroup(l[i]));
|
||||
}
|
||||
|
||||
function formatGroup(group) {
|
||||
let tr = document.createElement('tr');
|
||||
let td = document.createElement('td');
|
||||
td.textContent = group.name;
|
||||
tr.appendChild(td);
|
||||
if(group.clients) {
|
||||
let td2 = document.createElement('td');
|
||||
let table = document.createElement('table');
|
||||
for(let i = 0; i < group.clients.length; i++) {
|
||||
let client = group.clients[i];
|
||||
let tr2 = document.createElement('tr');
|
||||
let td3 = document.createElement('td');
|
||||
td3.textContent = client.id;
|
||||
tr2.appendChild(td3);
|
||||
table.appendChild(tr2);
|
||||
if(client.up)
|
||||
for(let j = 0; j < client.up.length; j++)
|
||||
table.appendChild(formatConn('↑', client.up[j]));
|
||||
if(client.down)
|
||||
for(let j = 0; j < client.down.length; j++)
|
||||
table.appendChild(formatConn('↓', client.down[j]));
|
||||
}
|
||||
td2.appendChild(table);
|
||||
tr.appendChild(td2);
|
||||
}
|
||||
return tr;
|
||||
}
|
||||
|
||||
function formatConn(direction, conn) {
|
||||
let tr = document.createElement('tr');
|
||||
let td = document.createElement('td');
|
||||
tr.appendChild(td);
|
||||
let td2 = document.createElement('td');
|
||||
td2.textContent = conn.id;
|
||||
tr.appendChild(td2);
|
||||
let td3 = document.createElement('td');
|
||||
if(conn.maxBitrate)
|
||||
td3.textContent = direction + ' ' + conn.maxBitrate;
|
||||
else
|
||||
td3.textContent = direction;
|
||||
tr.appendChild(td3);
|
||||
let td4 = document.createElement('td');
|
||||
if(conn.tracks) {
|
||||
let table = document.createElement('table');
|
||||
for(let i = 0; i < conn.tracks.length; i++)
|
||||
table.appendChild(formatTrack(conn.tracks[i]));
|
||||
td4.appendChild(table);
|
||||
}
|
||||
tr.appendChild(td4);
|
||||
return tr;
|
||||
}
|
||||
|
||||
function formatTrack(track) {
|
||||
let tr = document.createElement('tr');
|
||||
let td = document.createElement('td');
|
||||
if(track.maxBitrate)
|
||||
td.textContent = `${track.bitrate||0}/${track.maxBitrate}`;
|
||||
else
|
||||
td.textContent = `${track.bitrate||0}`;
|
||||
tr.appendChild(td);
|
||||
let td2 = document.createElement('td');
|
||||
td2.textContent = `${Math.round(track.loss * 100)}%`;
|
||||
tr.appendChild(td2);
|
||||
let td3 = document.createElement('td');
|
||||
let text = '';
|
||||
if(track.rtt) {
|
||||
text = text + `${Math.round(track.rtt * 1000) / 1000}ms`;
|
||||
}
|
||||
if(track.jitter)
|
||||
text = text + `±${Math.round(track.jitter * 1000) / 1000}ms`;
|
||||
td3.textContent = text;
|
||||
tr.appendChild(td3);
|
||||
return tr;
|
||||
}
|
||||
|
||||
listStats();
|
Loading…
Reference in a new issue