mirror of
https://github.com/vector-im/element-call.git
synced 2026-09-19 22:19:30 +00:00
Add titles to help explain what the numbers are
This commit is contained in:
@@ -28,7 +28,7 @@ export const RTCConnectionStats: FC<Props> = ({ audio, video, ...rest }) => {
|
|||||||
<MicOnSolidIcon />
|
<MicOnSolidIcon />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
{"jitter" in audio && typeof audio.jitter === "number" && (
|
{"jitter" in audio && typeof audio.jitter === "number" && (
|
||||||
<Text as="span" size="xs">
|
<Text as="span" size="xs" title="jitter">
|
||||||
{(audio.jitter * 1000).toFixed(0)}ms
|
{(audio.jitter * 1000).toFixed(0)}ms
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
@@ -42,12 +42,12 @@ export const RTCConnectionStats: FC<Props> = ({ audio, video, ...rest }) => {
|
|||||||
</Tooltip>
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
{video?.framesPerSecond && (
|
{video?.framesPerSecond && (
|
||||||
<Text as="span" size="xs">
|
<Text as="span" size="xs" title="frame rate">
|
||||||
{video.framesPerSecond.toFixed(0)}fps
|
{video.framesPerSecond.toFixed(0)}fps
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
{"jitter" in video && typeof video.jitter === "number" && (
|
{"jitter" in video && typeof video.jitter === "number" && (
|
||||||
<Text as="span" size="xs">
|
<Text as="span" size="xs" title="jitter">
|
||||||
{(video.jitter * 1000).toFixed(0)}ms
|
{(video.jitter * 1000).toFixed(0)}ms
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
@@ -55,14 +55,14 @@ export const RTCConnectionStats: FC<Props> = ({ audio, video, ...rest }) => {
|
|||||||
typeof video.frameHeight === "number" &&
|
typeof video.frameHeight === "number" &&
|
||||||
"frameWidth" in video &&
|
"frameWidth" in video &&
|
||||||
typeof video.frameWidth === "number" && (
|
typeof video.frameWidth === "number" && (
|
||||||
<Text as="span" size="xs">
|
<Text as="span" size="xs" title="frame size">
|
||||||
{video.frameWidth}x{video.frameHeight}
|
{video.frameWidth}x{video.frameHeight}
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
{"qualityLimitationReason" in video &&
|
{"qualityLimitationReason" in video &&
|
||||||
typeof video.qualityLimitationReason === "string" &&
|
typeof video.qualityLimitationReason === "string" &&
|
||||||
video.qualityLimitationReason !== "none" && (
|
video.qualityLimitationReason !== "none" && (
|
||||||
<Text as="span" size="xs">
|
<Text as="span" size="xs" title="quality limitation reason">
|
||||||
{video.qualityLimitationReason}
|
{video.qualityLimitationReason}
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user