FFmpeg stats added to channel card.

This commit is contained in:
SergeantPanda 2025-06-09 19:42:58 -05:00
parent 71079aead3
commit 677fbba1ac

View file

@ -14,6 +14,7 @@ import {
Tooltip,
useMantineTheme,
Select,
Badge,
} from '@mantine/core';
import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
import { TableHelper } from '../helpers';
@ -474,6 +475,30 @@ const ChannelCard = ({ channel, clients, stopClient, stopChannel, logos, channel
</Tooltip>
)}
{/* Add stream information badges */}
<Group gap="xs" mt="xs">
{channel.video_codec && (
<Badge size="sm" variant="light" color="blue">
{channel.video_codec.toUpperCase()}
</Badge>
)}
{channel.resolution && (
<Badge size="sm" variant="light" color="green">
{channel.resolution}
</Badge>
)}
{channel.source_fps && (
<Badge size="sm" variant="light" color="orange">
{channel.source_fps} FPS
</Badge>
)}
{channel.audio_codec && (
<Badge size="sm" variant="light" color="purple">
{channel.audio_codec.toUpperCase()}
</Badge>
)}
</Group>
<Group justify="space-between">
<Group gap={4}>
<Tooltip label={`Current bitrate: ${formatSpeed(bitrates.at(-1) || 0)}`}>