initial video settings setup

web/pages/components/chart.tsx

@@ -1,4 +1,4 @@
-import { LineChart } from 'react-chartkick'
+import { LineChart } from 'react-chartkick';
 import 'chart.js';
 import format from 'date-fns/format';
 import styles from '../../styles/styles.module.scss';

web/pages/config-video.tsx

@@ -9,6 +9,7 @@ function VideoVariants({ config }) {
   if (!config || !config.videoSettings) {
     return null;
   }
+  console.log(config.videoSettings)
 
   const videoQualityColumns = [
     {

web/types/config-section.ts

@@ -47,6 +47,21 @@ export interface ConfigInstanceDetailsFields {
   title: string;
 }
 
+export interface VideoVariant {
+  audioBitrate: number;
+  audioPassthrough: number;
+  encoderPreset: 'ultrafast' | 'superfast' | 'veryfast' | 'faster' | 'fast';
+  framerate: number;
+  videoBitrate: number;
+  videoPassthrough: boolean;
+}
+export interface VideoSettingsFields {
+  numberOfPlaylistItems: number;
+  segmentLengthSeconds: number;
+  videoQualityVariants: VideoVariant[],
+}
+
+
 export interface ConfigDetails {
   ffmpegPath: string;
   instanceDetails: ConfigInstanceDetailsFields;
@@ -55,5 +70,5 @@ export interface ConfigDetails {
   streamKey: string;
   webServerPort: string;
   yp: ConfigDirectoryFields;
-  videoSettings: any; // tbd
-}
+  videoSettings: VideoSettingsFields; // tbd
+}