diff --git a/web/src/plugins/streaming/StreamingTab.tsx b/web/src/plugins/streaming/StreamingTab.tsx index 4ac264a..d23a342 100644 --- a/web/src/plugins/streaming/StreamingTab.tsx +++ b/web/src/plugins/streaming/StreamingTab.tsx @@ -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; diff --git a/web/src/plugins/streaming/streaming.css b/web/src/plugins/streaming/streaming.css index 8f57bdd..319bdae 100644 --- a/web/src/plugins/streaming/streaming.css +++ b/web/src/plugins/streaming/streaming.css @@ -412,7 +412,7 @@ } .stream-select-quality { - width: 160px; + width: 200px; padding: 10px 14px; border: 1px solid var(--bg-tertiary); border-radius: var(--radius);