refactor: Migrate screen sharing media handling from direct WebRTC to Mediasoup.

This commit is contained in:
2026-02-23 16:48:05 +01:00
parent ff013b206a
commit 0f250d5c2a
19 changed files with 1925 additions and 574 deletions

View File

@@ -1,38 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Screenshare - Broadcaster</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="container glass">
<h1>Share Your Screen</h1>
<p>Broadcast your screen at 1080p 60fps to viewers.</p>
<div id="authContainer" style="margin-bottom: 1.5rem;">
<input type="password" id="broadcasterPassword" placeholder="Enter stream password" style="padding: 0.8rem 1rem; border-radius: 8px; border: 1px solid var(--glass-border); background: rgba(0,0,0,0.2); color: white; width: 100%; max-width: 300px; font-family: inherit; font-size: 1rem; outline: none;">
</div>
<button id="startBtn" class="btn primary-btn">Start Screenshare</button>
<div class="status-indicator">
<span class="dot" id="statusDot"></span>
<span id="statusText">Not Sharing</span>
</div>
<video id="localVideo" autoplay playsinline muted></video>
<div class="info-section">
<p>
Viewers can watch at:
<a href="/viewer.html" target="_blank" class="accent-link"
>/viewer.html</a
>
</p>
</div>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="app.js"></script>
</body>
</html>