Skip to content

Commit 6ff0358

Browse files
committed
feat: add broadcast bar, viewer panel, and broadcast button HTML structure
1 parent cba1add commit 6ff0358

File tree

1 file changed

+30
-0
lines changed

1 file changed

+30
-0
lines changed

client/index.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,33 @@
3737
</div>
3838
</header>
3939

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+
4067
<div class="container">
4168
<div class="channel-bar">
4269
<div class="channels" id="channels"></div>
@@ -49,6 +76,9 @@
4976
<button onclick="sendText()">Send</button>
5077
<input type="file" id="fileInput" hidden multiple>
5178
<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+
5282
</div>
5383
<div class="drop" id="drop">Drag files anywhere to upload</div>
5484
<div id="uploadStatus"

0 commit comments

Comments
 (0)