Skip to content

feat: add global streaming video quality setting#396

Merged
koala73 merged 1 commit intomainfrom
feat/stream-quality-setting
Feb 26, 2026
Merged

feat: add global streaming video quality setting#396
koala73 merged 1 commit intomainfrom
feat/stream-quality-setting

Conversation

@koala73
Copy link
Owner

@koala73 koala73 commented Feb 26, 2026

Summary

  • Adds a Streaming section to the GENERAL settings tab with a video quality dropdown
  • Options: Auto, Low (360p), Medium (480p), High (480p+), HD (720p)
  • Setting persists to localStorage and applies to all live streams globally
  • Covers all 4 streaming paths: webcam browser, webcam desktop, news browser (YT.Player API), news desktop (embed proxy)

Changes

File Change
src/services/ai-flow-settings.ts StreamQuality type, getter/setter, event subscription
src/components/UnifiedSettings.ts New "Streaming" section with quality dropdown
src/components/LiveWebcamsPanel.ts vq= param in embed URLs, re-renders on quality change
src/components/LiveNewsPanel.ts setPlaybackQuality() in YT.Player onReady + desktop proxy
api/youtube/embed.js Accepts vq param, sets quality on ready, supports setQuality postMessage
src/locales/en.json i18n keys for section label and description

Test plan

  • Open Settings → GENERAL tab → verify "Streaming" section appears with dropdown
  • Change quality to "Low (360p)" → webcam streams reload at lower quality
  • Change quality to "HD (720p)" → streams attempt higher quality
  • Refresh page → verify quality persists from localStorage
  • Live News panel respects quality setting on channel switch
  • Desktop app: embed proxy passes vq parameter correctly

Closes #365

Add a "Streaming" section to the GENERAL settings tab with a quality
dropdown (Auto / Low 360p / Medium 480p / High / HD 720p). The setting
persists to localStorage and applies to all live streams:

- LiveWebcamsPanel: appends vq= to direct embeds, passes through proxy
- LiveNewsPanel: sets quality via YT.Player API onReady + desktop proxy
- YouTube embed proxy: accepts vq param, calls setPlaybackQuality()

Closes #365
@vercel
Copy link

vercel bot commented Feb 26, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
worldmonitor Building Building Preview, Comment Feb 26, 2026 5:53am
worldmonitor-finance Building Building Preview, Comment Feb 26, 2026 5:53am
worldmonitor-happy Building Building Preview, Comment Feb 26, 2026 5:53am
worldmonitor-startup Building Building Preview, Comment Feb 26, 2026 5:53am

Request Review

@chatgpt-codex-connector
Copy link

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Global streaming quality button

1 participant