Add titles to help explain what the numbers are

This commit is contained in:
Hugh Nimmo-Smith
2024-12-17 08:04:45 +00:00
parent 5ed9844ead
commit db06a143cd
+5 -5
View File
@@ -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">
&nbsp;{(audio.jitter * 1000).toFixed(0)}ms &nbsp;{(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">
&nbsp;{video.framesPerSecond.toFixed(0)}fps &nbsp;{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">
&nbsp;{(video.jitter * 1000).toFixed(0)}ms &nbsp;{(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">
&nbsp;{video.frameWidth}x{video.frameHeight} &nbsp;{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">
&nbsp;{video.qualityLimitationReason} &nbsp;{video.qualityLimitationReason}
</Text> </Text>
)} )}