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 b2f772208f
commit 1bd0fa14bc
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 ── // ── Quality Presets ──
const QUALITY_PRESETS = [ const QUALITY_PRESETS = [
{ label: '720p60', width: 1280, height: 720, fps: 60, bitrate: 4_000_000 }, { label: 'Niedrig (4 Mbit)', fps: 60, bitrate: 4_000_000 },
{ label: '1080p60', width: 1920, height: 1080, fps: 60, bitrate: 8_000_000 }, { label: 'Mittel (8 Mbit)', fps: 60, bitrate: 8_000_000 },
{ label: '2K60', width: 2560, height: 1440, fps: 60, bitrate: 14_000_000 }, { label: 'Hoch (14 Mbit)', fps: 60, bitrate: 14_000_000 },
{ label: '4K60', width: 3840, height: 2160, fps: 60, bitrate: 25_000_000 }, { label: 'Ultra (25 Mbit)', fps: 60, bitrate: 25_000_000 },
{ label: '4K165 Ultra', width: 3840, height: 2160, fps: 165, bitrate: 50_000_000 }, { label: 'Max (50 Mbit/165Hz)', fps: 165, bitrate: 50_000_000 },
] as const; ] as const;
// ── Component ── // ── Component ──
@ -421,7 +421,7 @@ export default function StreamingTab({ data }: { data: any }) {
try { try {
const q = qualityRef.current; const q = qualityRef.current;
const stream = await navigator.mediaDevices.getDisplayMedia({ 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, audio: true,
}); });
localStreamRef.current = stream; localStreamRef.current = stream;

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

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