|
37 | 37 | </div> |
38 | 38 | </header> |
39 | 39 |
|
| 40 | + <div id="broadcastBar" class="broadcast-bar" style="display:none"> |
| 41 | + <div class="broadcast-bar-inner"> |
| 42 | + <span class="broadcast-pulse"></span> |
| 43 | + <span id="broadcastLabel">Someone is broadcasting</span> |
| 44 | + <span id="broadcastViewers" class="broadcast-viewers"></span> |
| 45 | + <div class="broadcast-bar-actions"> |
| 46 | + <button id="broadcastJoinBtn" class="broadcast-join-btn" onclick="joinBroadcast()">Join</button> |
| 47 | + <button id="broadcastEndBtn" class="broadcast-end-btn" onclick="stopBroadcast()" style="display:none">End |
| 48 | + broadcast</button> |
| 49 | + </div> |
| 50 | + </div> |
| 51 | + </div> |
| 52 | + |
| 53 | + <div id="viewerPanel" class="viewer-panel" style="display:none"> |
| 54 | + <div class="viewer-panel-header"> |
| 55 | + <span id="viewerLabel">Broadcast</span> |
| 56 | + <div class="viewer-panel-actions"> |
| 57 | + <button onclick="captureToChannel()" class="viewer-capture-btn" title="Save frame to channel">📸 |
| 58 | + Capture</button> |
| 59 | + <button onclick="raiseHand()" class="viewer-raise-btn" title="Raise hand">✋</button> |
| 60 | + <button onclick="leaveBroadcast()" class="viewer-close-btn" title="Leave broadcast">✕</button> |
| 61 | + </div> |
| 62 | + </div> |
| 63 | + <img id="viewerFrame" class="viewer-frame" src="" alt="Waiting for broadcast..."> |
| 64 | + <div id="filmstrip" class="filmstrip"></div> |
| 65 | + </div> |
| 66 | + |
40 | 67 | <div class="container"> |
41 | 68 | <div class="channel-bar"> |
42 | 69 | <div class="channels" id="channels"></div> |
|
49 | 76 | <button onclick="sendText()">Send</button> |
50 | 77 | <input type="file" id="fileInput" hidden multiple> |
51 | 78 | <button onclick="fileInput.click()">Upload</button> |
| 79 | + <button id="startBroadcastBtn" onclick="startBroadcast()" class="broadcast-start-btn" |
| 80 | + title="Start broadcasting your screen">📡 Broadcast</button> |
| 81 | + |
52 | 82 | </div> |
53 | 83 | <div class="drop" id="drop">Drag files anywhere to upload</div> |
54 | 84 | <div id="uploadStatus" |
|
0 commit comments