feat: implement HueCue tracker as OBS Browser Source#111
Draft
Copilot wants to merge 2 commits into
Draft
Conversation
…d face detection Agent-Logs-Url: https://github.com/Keboo/HueCue/sessions/d3ca79ed-0500-44b5-bb63-0373ff28c1c3 Co-authored-by: Keboo <952248+Keboo@users.noreply.github.com>
…nsistent keypoint color Agent-Logs-Url: https://github.com/Keboo/HueCue/sessions/d3ca79ed-0500-44b5-bb63-0373ff28c1c3 Co-authored-by: Keboo <952248+Keboo@users.noreply.github.com>
Copilot created this pull request from a session on behalf of
Keboo
April 12, 2026 18:59
View session
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replaces the WPF→WebSocket→screenshot pattern with a self-contained HTML/CSS/JS overlay that runs natively inside OBS as a Browser Source, eliminating the need for a separate process for in-OBS monitoring.
New:
HueCue.BrowserSource/obs-source.js— OBS WebSocket v5 client: SHA-256 auth handshake,GetCurrentProgramScene+GetSourceScreenshotcapture loop, dispatchesobsframeDOM events. All connection params configurable.histogram.js—OffscreenCanvaspixel sampling → per-channel histogram → R/G/B line-graph rendering, matching WPF app style.overlay.js— Rule-of-thirds grid (canvas lines) and heat-map zone overlay (CSS grid with semi-transparent divs), matching WPF colour palette.face-detector.js— MediaPipe BlazeFace via TensorFlow.js CDN; colour-cycled bounding boxes + white keypoints. Degrades gracefully if unavailable.index.html— Wires all modules; all settings driven by URL query params. Shows an interactive settings panel when previewed outside OBS (window.obsstudioabsent), auto-hidden inside OBS.styles.css— Transparent background; histogram panel CSS position variants (right/below).README.md— Setup guide, full URL param reference, troubleshooting.Configuration via URL params (no code changes needed)
obsHost/obsPort/obsPasswordlocalhost/4455/ (empty)histogramrightright|below|noneguidenonenone|thirds|heatmapfaceDetectiontruetrue|falsefps30imageQuality85Updated
docs/OBS-Setup.md— Rewritten: Browser Source is now the primary integration method; WPF app documented as secondary (director/monitoring display use case).build_app.yml— Adds aBrowserSourceActions artifact step to bundle the overlay files alongside each release.