Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: show codec and clock rate

This commit is contained in:
Siyuan Miao 2025-09-10 14:39:36 +02:00
parent 3a09fccd59
commit c3bced8b58
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/src/components/sidebar/connectionStats.tsx
View File

@ -19,6 +19,8 @@ export default function ConnectionStatsSidebar() {
appendLocalCandidateStats,
appendRemoteCandidateStats,
appendDiskDataChannelStats,
setCodecInfo,
codecInfo,
} = useRTCStore();
useInterval(function collectWebRTCStats() {
@ -52,6 +54,8 @@ export default function ConnectionStatsSidebar() {
}
} else if (report.type === "data-channel" && report.label === "disk") {
appendDiskDataChannelStats(report);
} else if (report.type === "codec") {
setCodecInfo(report);
}
});
})();
@ -124,7 +128,18 @@ export default function ConnectionStatsSidebar() {
<div className="space-y-3">
<SettingsSectionHeader
title="Video"
description="The video stream from the JetKVM to the client."
description={<>
The video stream from the JetKVM to the client.
{codecInfo && <div className="text-xs text-slate-700 dark:text-slate-300 mt-1 flex flex-col">
<div>
Current codec: <strong>{codecInfo.mimeType}</strong>
</div>
<div>
Clock Rate: <strong>{codecInfo.clockRate}</strong>
</div>
</div>}
</>
}
/>
{/* RTP Jitter */}

6
ui/src/hooks/stores.ts
View File

@ -131,6 +131,9 @@ export interface RTCState {
appendInboundRtpStats: (stats: RTCInboundRtpStreamStats) => void;
clearInboundRtpStats: () => void;
codecInfo: RTCRtpCodec | null;
setCodecInfo: (info: RTCRtpCodec) => void;
candidatePairStats: Map<number, RTCIceCandidatePairStats>;
appendCandidatePairStats: (stats: RTCIceCandidatePairStats) => void;
clearCandidatePairStats: () => void;
@ -179,6 +182,9 @@ export const useRTCStore = create<RTCState>(set => ({
isTurnServerInUse: false,
setTurnServerInUse: (inUse: boolean) => set({ isTurnServerInUse: inUse }),
codecInfo: null,
setCodecInfo: (info: RTCRtpCodec) => set({ codecInfo: info }),
inboundRtpStats: new Map(),
appendInboundRtpStats: (stats: RTCInboundRtpStreamStats) => {
set(prevState => ({