create VideoPlayerStatsForNerds.vue

[Williangalvani]

Screen.Recording.2024-10-11.at.22.51.53.mov

[Williangalvani]

added more stuff, don't want to add any more

[ES-Alexander]

Docs can be based on info from https://www.w3.org/TR/webrtc-stats/#webidl-2021272228

[ES-Alexander]

Would be convenient to have some kind of info text from hovering over each field or a question mark or something, but that can be left for a later PR :-)

as it is a canvas, it could be weird, idk
-Willian

[rafaellehmkuhl]

So cool!

One question: was the idea for the canvas to have a fixed size independent of the video widget size? I found it a little small on my screen (mac air 13in):

PS: thanks for putting the whole logic into another component. We are missing on doing that for other parts of the codebase and it really helps on maintenance.

[Williangalvani]

So cool!

One question: was the idea for the canvas to have a fixed size independent of the video widget size? I found it a little small on my screen (mac air 13in):

yes it is small be design, I want to be able to use it without obstructing the video. While I called it stats-for-nerds, the real inspiration is Msi Afterburner overlays:

PS: thanks for putting the whole logic into another component. We are missing on doing that for other parts of the codebase and it really helps on maintenance.

Yeah, the goal was for this to have no performance hit if disabled, as it won't even get loaded =]

[Williangalvani]

having it small also allows us to use it on the secondary streams without obstructing much:

Screen.Recording.2024-10-11.at.23.10.19.1.mov

PS.: No, your dome is dirty, mine is great 🫠