From e608b95bf1fe225915eaeafca2a933f687844733 Mon Sep 17 00:00:00 2001 From: Christophe Besson Date: Tue, 11 Aug 2026 16:47:01 +0200 Subject: feat: Phase 10c — MSE video streaming (real-time playback) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace download-then-play VideoPlayer with MSE (MediaSource Extensions) streaming. Node remuxes to fMP4 via ffmpeg, probes codecs with ffprobe, and sends encrypted segments over DataChannel. Browser decrypts and appends to SourceBuffer — playback starts within seconds. Co-Authored-By: Claude Opus 4.6 --- .../meshbay-hub/src/meshbay_hub/static/style.css | 25 ++++++++++++++++++++++ 1 file changed, 25 insertions(+) (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css') diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index 542c672..faf8b0f 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -909,6 +909,31 @@ button:disabled { opacity: 0.5; cursor: not-allowed; } max-width: 400px; } +.video-stream-bar { + position: absolute; + bottom: 60px; + left: 50%; + transform: translateX(-50%); + display: flex; + align-items: center; + gap: 8px; + background: rgba(0, 0, 0, 0.6); + padding: 4px 12px; + border-radius: 12px; + z-index: 10; +} + +.video-progress-bar.small { + width: 120px; + height: 4px; +} + +.video-stream-label { + font-size: 0.7em; + color: rgba(255, 255, 255, 0.7); + white-space: nowrap; +} + .play-btn { background: none; border: 1px solid var(--border); -- cgit v1.2.3