Streaming: Presets zeigen jetzt Bitrate statt Aufloesung

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 b2f772208f
commit 1bd0fa14bc
2 changed files with 7 additions and 7 deletions

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 ──
@ -421,7 +421,7 @@ export default function StreamingTab({ data }: { data: any }) {
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;