Browse Source

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

pull/1886/head
Gabe Kangas 4 years ago
parent
commit
2938777022
  1. 14
      web/components/config/cpu-usage.tsx
  2. 6
      web/components/config/video-variant-form.tsx

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

@ -13,11 +13,11 @@ const SLIDER_MARKS = { @@ -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) { @@ -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) { @@ -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>
);

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

@ -102,6 +102,7 @@ export default function VideoVariantForm({ @@ -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({ @@ -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({ @@ -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;

Loading…
Cancel
Save