Code Monkey home page Code Monkey logo

webrtc-dump-importer's Introduction

Import webrtc-internal dumps

Chrome webrtc-internals page is tremendously useful but lacks the ability to reimport the exported dumps. My efforts to fix this in chrome were bitrotting in the chromium tracker for two years. But hey, I can just make a web page to do it. And use a better library for graphs that adds the ability to zoom into regions of interest.

What do all these parameters mean?

I teamed up with Tsahi to describe the parameters from webrtc-internals as a series of blog posts

Highlighting sections in a graph

There is a simple API to highlight portions of the graph. Just use that hash in the URL to specify a connection id, start time, stop time and label. E.g.:

#conn-id PLUS start1 PLUS last1 PLUS label1 SEMICOLON start2 ...
#8100-6+1+3+foo;8200-5+1+7+bar;...

License

MIT

Note that the (awesome) Highcharts library used for plots may need a license. See http://shop.highsoft.com/faq/non-commercial

webrtc-dump-importer's People

Contributors

fippo avatar thehunmonkgroup avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webrtc-dump-importer's Issues

Stats that are not numbers (e.g. strings)

It would be nice to be able to see what string value certain stats had, e.g. qualityLimitationReason, even though these are not numbers.

Suggestion 1: Value. Show a snapshot of the latest value readable as a string somewhere instead of filtering it out like it doesn't exist.
Suggestion 2: Graph. Map values to numbers so that they can be plotted on the graph, with a legend that shows which string each number maps to, or if you can tell my hovering the mouse over it. So you can see which point in time on the graph it had a particular value.
Suggestion 3: Pie chart. Show what % of time (i.e. how many stats samples compared to the total number of stats samples) the metric had each particular value that it had.

Uncaught SyntaxError: Unexpected end of JSON input

There is a line of code var client = JSON.parse(lines.shift()); that is generating errors:

Uncaught SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at FileReader.<anonymous> (bitrate.html:44)
Uncaught SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at FileReader.<anonymous> (rtcstats.html:97)

I just ran the tests from https://test.webrtc.org/ to generate the dump, using Chrome 80.0.3987.149 (Official Build) (64-bit). Breakpointing and inspecting the lines array, it looks fine (as in, there are the same number of array entries as lines of text in the source file), but I'm not familiar enough with JavaScript to know why the JSON parser might fail like this. I tried manually adding blank lines to the end of the file in case there was a weirdy with the last line - same result.

I checked the file for JSON validity using jsonlint.com and it validated fine.

I tried it in Safari 13.0.5 (15608.5.11) and get a different error from the same line(s) of code:

SyntaxError: JSON Parse error: Expected '}'
parse — bitrate.html:44
(anonymous function) — bitrate.html:44

Firefox 71.0 (64-bit):

SyntaxError: JSON.parse: end of data while reading object contents at line 1 column 2 of the JSON data

All this on macOS 10.15.3.

Thanks in advance for any assistance or thoughts.

Cheers - Robert...

Buttons to manipulate all graphs

If I'm looking for how much packet loss occurred on a call I have to individually turn off all the things which influence the scale so that I can't see the little things like NACK, packet loss etc.

It would be nice to have an option somewhere at the top to turn off all graphs and then only turn back on for example NackCount in all graphs.

Filter down to RTP only

Most of the time the graphs for ICE candidates and ports etc are just noise. So it would be helpful to filter by default down to anything related to RTP. Maybe with the option to include the ICE graphs later.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.