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

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

View File

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

View File

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