diff --git a/web/pages/components/config/video-segments-editor.tsx b/web/pages/components/config/video-segments-editor.tsx index e042eae84..106afaeb8 100644 --- a/web/pages/components/config/video-segments-editor.tsx +++ b/web/pages/components/config/video-segments-editor.tsx @@ -106,8 +106,8 @@ export default function VideoSegmentsEditor() { return null; } - const selectedOption = findSelectedOption(videoSettings); + const selectedOption = findSelectedOption(videoSettings); const resetStates = () => { setSubmitStatus(null); setSubmitStatusMessage(''); @@ -175,7 +175,7 @@ export default function VideoSegmentsEditor() { min={0} max={SLIDER_OPTIONS.length - 1} marks={SLIDER_MARKS} - defaultValue={DEFAULT_OPTION} + defaultValue={selectedOption} value={selectedOption} /> diff --git a/web/pages/components/config/video-variant-form.tsx b/web/pages/components/config/video-variant-form.tsx index 75bc7d6a4..dab1c08f5 100644 --- a/web/pages/components/config/video-variant-form.tsx +++ b/web/pages/components/config/video-variant-form.tsx @@ -49,7 +49,17 @@ interface VideoVariantFormProps { dataState: VideoVariant; onUpdateField: FieldUpdaterFunc; } +/* +CPU Usage slider +{ + 'ultrafast': 'lowest cpu, lowest quality', + 'superfast': 'lower cpu, lower quality', + 'veryfast': 'medium cpu, medium quality', + 'faster': 'higher cpu, higher quality', + 'fast': 'highest cpu, highest quality' +} +*/ export default function VideoVariantForm({ dataState = DEFAULT_VARIANT_STATE, onUpdateField }: VideoVariantFormProps) { const handleFramerateChange = (value: number) => { diff --git a/web/pages/config-video.tsx b/web/pages/config-video.tsx index 23a0be0b5..9a76e3d16 100644 --- a/web/pages/config-video.tsx +++ b/web/pages/config-video.tsx @@ -1,44 +1,17 @@ -import React, { useContext, useEffect } from 'react'; -import { Typography, Form, Slider } from 'antd'; +import React, { useContext } from 'react'; +import { Typography } from 'antd'; import { ServerStatusContext } from '../utils/server-status-context'; import VideoVariantsTable from './components/config/video-variants-table'; -import TextField, { TEXTFIELD_TYPE_NUMBER } from './components/config/form-textfield'; -import { TEXTFIELD_DEFAULTS } from './components/config/constants'; import VideoSegmentsEditor from './components/config/video-segments-editor'; const { Title } = Typography; export default function VideoConfig() { // const [form] = Form.useForm(); - const serverStatusData = useContext(ServerStatusContext); - const { serverConfig } = serverStatusData || {}; - const { videoSettings } = serverConfig || {}; - // const { numberOfPlaylistItems, segmentLengthSeconds } = videoSettings || {}; - - // const videoSettings = serverStatusData?.serverConfig?.videoSettings; - // const { numberOfPlaylistItems, segmentLengthSeconds } = videoSettings || {}; - // const initialValues = { - // numberOfPlaylistItems, - // segmentLengthSeconds, - // }; - - // useEffect(() => { - // form.setFieldsValue(initialValues); - // }, [serverStatusData]); - - // const handleResetValue = (fieldName: string) => { - // const defaultValue = TEXTFIELD_DEFAULTS.videoSettings[fieldName] && TEXTFIELD_DEFAULTS.videoSettings[fieldName].defaultValue || ''; - - // form.setFieldsValue({ [fieldName]: initialValues[fieldName] || defaultValue }); - // } - - // const extraProps = { - // handleResetValue, - // initialValues: videoSettings, - // configPath: 'videoSettings', - // }; - + // const serverStatusData = useContext(ServerStatusContext); + // const { serverConfig } = serverStatusData || {}; + // const { videoSettings } = serverConfig || {}; return (
Video configuration @@ -51,15 +24,6 @@ export default function VideoConfig() {

- {/*
-
- - - -
*/}
diff --git a/web/utils/server-status-context.tsx b/web/utils/server-status-context.tsx index a5d329c09..0cedbc2d8 100644 --- a/web/utils/server-status-context.tsx +++ b/web/utils/server-status-context.tsx @@ -88,7 +88,6 @@ const ServerStatusProvider = ({ children }) => { ...config, [fieldName]: value, }; - setConfig(updatedConfig); };