naimi/yass
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

f

Browse Source
This commit is contained in:
Kibi Kelburton
2026-02-24 07:39:08 +01:00
parent 9f10e36582
commit 5a029c8cff
3 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@@ -5,7 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Screenshare - Viewer</title> <title>Screenshare - Viewer</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<div class="viewer-container"> <div class="viewer-container">
@@ -15,7 +14,6 @@
<span class="dot pulse"></span> <span class="dot pulse"></span>
<span>Connecting to Broadcaster</span> <span>Connecting to Broadcaster</span>
</div> </div>
<p style="margin-top:20px; font-size: 0.9rem; color: var(--text-secondary);">Click anywhere to enable audio once connected</p>
</div> </div>
<video id="remoteVideo" autoplay playsinline controls muted></video> <video id="remoteVideo" autoplay playsinline controls muted></video>
</div> </div>

8
public/style.css
View File

@@ -2,9 +2,9 @@
--bg-color: #0f172a; --bg-color: #0f172a;
--text-primary: #f8fafc; --text-primary: #f8fafc;
--text-secondary: #94a3b8; --text-secondary: #94a3b8;
--accent-color: #3b82f6; --accent-color: #08e413;
--accent-glow: rgba(59, 130, 246, 0.5); --accent-glow: rgba(11, 219, 28, 0.365);
--glass-bg: rgba(30, 41, 59, 0.7); --glass-bg: rgba(21, 22, 22, 0.7);
--glass-border: rgba(255, 255, 255, 0.1); --glass-border: rgba(255, 255, 255, 0.1);
--success-color: #10b981; --success-color: #10b981;
--error-color: #ef4444; --error-color: #ef4444;
@@ -17,7 +17,6 @@
} }
body { body {
font-family: "Inter", sans-serif;
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-primary); color: var(--text-primary);
min-height: 100vh; min-height: 100vh;
@@ -196,7 +195,6 @@ video.active {
.overlay { .overlay {
position: absolute; position: absolute;
padding: 2rem 4rem; padding: 2rem 4rem;
border-radius: 20px;
text-align: center; text-align: center;
z-index: 10; z-index: 10;
transition: opacity 0.5s ease; transition: opacity 0.5s ease;

2
public/viewer.js
View File

@@ -202,7 +202,7 @@ socket.on('broadcasterDisconnected', () => {
remoteVideo.srcObject = null; remoteVideo.srcObject = null;
overlay.classList.remove('hidden'); overlay.classList.remove('hidden');
overlay.querySelector('h1').innerText = 'Stream Ended'; overlay.querySelector('h1').innerText = 'Offline';
overlay.querySelector('.status-indicator span:last-child').innerText = 'Waiting for new stream...'; overlay.querySelector('.status-indicator span:last-child').innerText = 'Waiting for new stream...';
}); });