LogalDeveloper/owncast
0
Fork 0
Code Activity

cleanup

Browse Source
This commit is contained in:
gingervitis
2021-01-17 02:01:40 -08:00
committed by Gabe Kangas
parent 93fa75df2e
commit 5b4178b667
4 changed files with 17 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/pages/components/config/video-segments-editor.tsx
View File

@@ -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}
/>
</div>

10
web/pages/components/config/video-variant-form.tsx
View File

@@ -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) => {

46
web/pages/config-video.tsx
View File

@@ -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 (
<div className="config-video-variants">
<Title level={2}>Video configuration</Title>
@@ -51,15 +24,6 @@ export default function VideoConfig() {
<VideoSegmentsEditor />
<br /><br />
{/* <div className="config-video-misc">
<Form
form={form}
layout="vertical"
>
<TextField fieldName="numberOfPlaylistItems" type={TEXTFIELD_TYPE_NUMBER} {...extraProps} />
<TextField fieldName="segmentLengthSeconds" type={TEXTFIELD_TYPE_NUMBER} {...extraProps} />
</Form>
</div> */}
<VideoVariantsTable />
</div>

1
web/utils/server-status-context.tsx
View File

@@ -88,7 +88,6 @@ const ServerStatusProvider = ({ children }) => {
...config,
[fieldName]: value,
};
setConfig(updatedConfig);
};