root/gaming-hub
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Streaming: Presets zeigen jetzt Bitrate statt Aufloesung

Browse source 
Aufloesung ist immer nativ (Monitor des Broadcasters), die Presets
steuern nur Bitrate und FPS. Labels entsprechend angepasst:
Niedrig (4 Mbit) bis Max (50 Mbit/165Hz). Dropdown auf 200px.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Daniel 2026-03-09 11:46:20 +01:00
parent 10fcde125d
commit 3127d31355
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
web/src/plugins/streaming/StreamingTab.tsx
View file

@ -46,11 +46,11 @@ function formatElapsed(startedAt: string): string {
// ── Quality Presets ──
const QUALITY_PRESETS = [
{ label: '720p60', width: 1280, height: 720, fps: 60, bitrate: 4_000_000 },
{ label: '1080p60', width: 1920, height: 1080, fps: 60, bitrate: 8_000_000 },
{ label: '2K60', width: 2560, height: 1440, fps: 60, bitrate: 14_000_000 },
{ label: '4K60', width: 3840, height: 2160, fps: 60, bitrate: 25_000_000 },
{ label: '4K165 Ultra', width: 3840, height: 2160, fps: 165, bitrate: 50_000_000 },
{ label: 'Niedrig (4 Mbit)', fps: 60, bitrate: 4_000_000 },
{ label: 'Mittel (8 Mbit)', fps: 60, bitrate: 8_000_000 },
{ label: 'Hoch (14 Mbit)', fps: 60, bitrate: 14_000_000 },
{ label: 'Ultra (25 Mbit)', fps: 60, bitrate: 25_000_000 },
{ label: 'Max (50 Mbit/165Hz)', fps: 165, bitrate: 50_000_000 },
] as const;
// ── Component ──
@ -415,7 +415,7 @@ export default function StreamingTab({ data, isAdmin: isAdminProp = false }: { d
try {
const q = qualityRef.current;
const stream = await navigator.mediaDevices.getDisplayMedia({
video: { frameRate: { ideal: q.fps }, width: { ideal: q.width }, height: { ideal: q.height } },
video: { frameRate: { ideal: q.fps } },
audio: true,
});
localStreamRef.current = stream;

2
web/src/plugins/streaming/streaming.css
View file

@ -412,7 +412,7 @@
}
.stream-select-quality {
width: 160px;
width: 200px;
padding: 10px 14px;
border: 1px solid var(--bg-tertiary);
border-radius: var(--radius);