webrtc-dump-importer/index.html at gh-pages · fippo/webrtc-dump-importer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<html lang="en-US">
    <head>
        <meta charset="utf-8">
        <title>Import webrtc-internals dumps</title>
        <!-- Deprecated: redirect to the maintained importer in the rtcstats monorepo. -->
        <link rel="canonical" href="https://rtcstats.github.io/rtcstats/dump-importer/">
        <meta http-equiv="refresh" content="0; url=https://rtcstats.github.io/rtcstats/dump-importer/">
        <script>location.replace("https://rtcstats.github.io/rtcstats/dump-importer/");</script>
        <!-- highcharts is used under the terms of
            http://shop.highsoft.com/faq/non-commercial
        -->
        <script src="https://code.highcharts.com/highcharts.js"></script>
        <script src="https://webrtchacks.github.io/adapter/adapter-latest.js"></script>
        <style>
body, body svg text {
    font-family: monospace;
}
details[open] pre {
    padding-left: 10px;
    padding-bottom: 10px;
}
table details[open] summary {
    color: blue;
}
#tables>details:nth-of-type(even) {
    background-color: #f0f0f0;
}

.graph {
    margin-left: 10px;
    margin-right: 10px;
}

.candidatepairtable {
    text-align: center;
}
.candidatepairtable td {
    background-color: #ddd;
    padding: 5px;
}
ice.style['background-color'] = '#ddd';
ice.style['text-align'] = 'center';

button.copyBtn {
    border: 0px;
}
        </style>
    </head>
    <body>
        <img src="https://www.rtcstats.com/opengraph-image.png" style="float:right;width:600px" title="Give rtcstats.com a try for importing your dumps!">
        <h1>This version of the webrtc-internals dump importer is no longer maintained</h2>
        <p>
            For something really powerful, you can use <a href="https://rtcstats.com">rtcstats.com</a> - it is free as well - and a lot nicer (as you can see on the right).</p>
        <p>
            If you're adamant that you want to use this rusty thing, you can use the version found <a href="https://github.com/rtcstats/rtcstats/tree/main/dump-importer">here</a>.
        </p>
        <hr>
        <p>This is an import tool for dumps from chrome://webrtc-internals. See <a href="https://bloggeek.me/webrtc-internals/">this blog post</a> for a lengthy description of what it does and how to interpret some of the data.
        <form>
            <label>Select a WebRTC-internals JSON dump:</label>
            <input type="file" id="import">
            <br>
            <input type="checkbox" id="useReferenceTime"><label for="useReferenceTime">Use RTCPeerConnection creation time as start time for all graphs.</label>
        </form>
        <div id="legacy" style="display:none">
            <b>Legacy getStats detected, these have been removed from Chrome 122 in early 2024.</b>
            If you need to import such a dump please use an old version of the git repository prior
            to this <a href="https://github.com/fippo/webrtc-dump-importer/commit/136f273810d90e915f05d10e0ff3fb98ee9f041b">commit</a>.
        </div>
        <hr>
        <div id="tables">
        </div>
    </body>
    <script src="main.js" type="module"></script>
</html>