LogalDeveloper/owncast
0
Fork 0
Code Activity

Add 90fps as an option, tweak cpu usage + bitrate notes

Browse Source
This commit is contained in:
Gabe Kangas
2021-02-17 15:50:04 -08:00
parent b647e7d575
commit 2938777022
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/components/config/cpu-usage.tsx
View File

@@ -13,11 +13,11 @@ const SLIDER_MARKS = {
}; };
const TOOLTIPS = { const TOOLTIPS = {
1: 'lowest', 1: 'Lowest CPU usage - lowest quality video',
2: 'low', 2: 'Low CPU usage - low quality video',
3: 'medium', 3: 'Medium CPU usage - average quality video',
4: 'high', 4: 'High CPU usage - high quality video',
5: 'highest', 5: 'Highest CPU usage - higher quality video',
}; };
interface Props { interface Props {
defaultValue: number; defaultValue: number;
@@ -47,7 +47,7 @@ export default function CPUUsageSelector({ defaultValue, onChange }: Props) {
<div className="config-video-cpu-container"> <div className="config-video-cpu-container">
<Title level={3}>CPU Usage</Title> <Title level={3}>CPU Usage</Title>
<p className="description"> <p className="description">
Reduce the to improve server performance, or increase it to improve video quality. Reduce to improve server performance, or increase it to improve video quality.
</p> </p>
<div className="segment-slider-container"> <div className="segment-slider-container">
<Slider <Slider
@@ -59,7 +59,7 @@ export default function CPUUsageSelector({ defaultValue, onChange }: Props) {
defaultValue={selectedOption} defaultValue={selectedOption}
value={selectedOption} value={selectedOption}
/> />
<p className="selected-value-note">Selected: {TOOLTIPS[selectedOption]}</p> <p className="selected-value-note">{TOOLTIPS[selectedOption]}</p>
</div> </div>
</div> </div>
); );

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

@@ -102,6 +102,7 @@ export default function VideoVariantForm({
[framerateMin]: `${framerateMin} ${framerateUnit}`, [framerateMin]: `${framerateMin} ${framerateUnit}`,
30: '', 30: '',
60: '', 60: '',
90: '',
[framerateMax]: `${framerateMax} ${framerateUnit}`, [framerateMax]: `${framerateMax} ${framerateUnit}`,
}; };
@@ -117,7 +118,7 @@ export default function VideoVariantForm({
}; };
const selectedVideoBRnote = () => { const selectedVideoBRnote = () => {
let note = `Selected: ${dataState.videoBitrate}${videoBRUnit}`; let note = `${dataState.videoBitrate}${videoBRUnit}`;
if (dataState.videoBitrate < 2000) { if (dataState.videoBitrate < 2000) {
note = `${note} - Good for low bandwidth environments.`; note = `${note} - Good for low bandwidth environments.`;
} else if (dataState.videoBitrate < 3500) { } else if (dataState.videoBitrate < 3500) {
@@ -139,6 +140,9 @@ export default function VideoVariantForm({
case 60: case 60:
note = `${note} - Good for fast/action games, sports, HD video.`; note = `${note} - Good for fast/action games, sports, HD video.`;
break; break;
case 90:
note = `${note} - Good for newer fast games and hardware.`;
break
case 120: case 120:
note = `${note} - Experimental, use at your own risk!`; note = `${note} - Experimental, use at your own risk!`;
break; break;