owncast/web/pages/config-video.tsx

import React from 'react';
import { Typography } from 'antd';

import VideoVariantsTable from '../components/config/video-variants-table';
import VideoLatency from '../components/config/video-latency';

const { Title } = Typography;

export default function ConfigVideoSettings() {
  return (
    <div className="config-video-variants">
      <Title level={2}>Video configuration</Title>
      <p>
        Before changing your video configuration{' '}
        <a href="https://owncast.online/docs/encoding">visit the video documentation</a> to learn
        how it impacts your stream performance.
      </p>

      <p>
        <VideoVariantsTable />
      </p>
      <br />
      <hr />
      <br />
      <p>
        <VideoLatency />
      </p>
    </div>
  );
}