Timerix/screensy-unbloated
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

it works!!!

Browse Source
This commit is contained in:
Altair-sh
2025-09-19 06:59:13 +05:00
commit 1e47627c27
12 changed files with 1491 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
public/index.html Normal file
View File

@@ -0,0 +1,82 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>screensy</title>
<meta name="description" content="Simple peer-to-peer screen sharing" />
<meta name="application-name" content="screensy" />
<meta name="language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="./styles.css" rel="stylesheet" />
<script type="text/javascript" src="./screensy.js"></script>
</head>
<body>
<noscript>
<div class="popup">
<h1>JavaScript is not supported or not enabled.</h1>
<p>
Screensy needs JavaScript support, but your browser does not provide it. Use a browser that supports
JavaScript and make sure it is enabled.
</p>
</div>
</noscript>
<div id="access-denied" class="popup hidden">
<h1>You denied access to your screen.</h1>
<p>
Screensy needs access to your screen in order to share it, but you denied access. Try reloading this
webpage and provide access when your browser asks you for it. If your browser does not ask you for
access, check your browser settings.
</p>
</div>
<div id="screensharing-not-supported" class="popup hidden">
<h1>Screensharing is not supported or not enabled.</h1>
<p>
Screensy cannot share your screen, because your browser does not support it, or it is not enabled. Use a
browser that supports screensharing and make sure it is enabled.
</p>
</div>
<div id="websockets-not-supported" class="popup hidden">
<h1>WebSocket is not supported or not enabled.</h1>
<p>
Screensy needs WebSocket support, but your browser does not provide it. Use a browser that supports
WebSocket and make sure it is enabled.
</p>
</div>
<div id="webrtc-not-supported" class="popup hidden">
<h1>WebRTC is not supported or not enabled.</h1>
<p>
Screensy needs WebRTC support, but your browser does not provide it. Use a browser that supports WebRTC
and make sure it is enabled.
</p>
</div>
<div id="mediastream-not-supported" class="popup hidden">
<h1>MediaStream is not supported or not enabled.</h1>
<p>
Screensy needs MediaStream support, but your browser does not provide it. Use a browser that supports
MediaStream and make sure it is enabled.
</p>
</div>
<div id="websocket-connect-failed" class="popup hidden">
<h1>Could not establish a WebSocket connection.</h1>
<p>
Screensy needs to establish a WebSocket connection to connect to other users, but it was not able to.
Try using a different device or contact the administrator of this website.
</p>
</div>
<div id="broadcaster-disconnected" class="popup hidden">
<h1>The broadcaster has disconnected.</h1>
</div>
<div id="click-to-share" class="popup clickable hidden">
<h1>Click anywhere to share your screen.</h1>
</div>
<video id="stream" autoplay="autoplay" muted="muted" controls="controls" playsinline="playsinline">
<div class="popup">
<h1>Video tags are not supported.</h1>
<p>
Screensy needs video tag support, but your browser does not provide it. Use a browser that supports
video tags.
</p>
</div>
</video>
</body>
</html>

67
public/styles.css Normal file
View File

@@ -0,0 +1,67 @@
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
}
#counter {
text-shadow: 1px 1px 3px #333333;
color: white;
position: absolute;
padding: 10px;
margin: 0;
font-family: monospace;
font-size: 1.5em;
user-select: none;
}
#stream {
width: 100%;
height: 100%;
}
.popup {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
color: white;
font-family: system-ui, sans-serif;
user-select: none;
max-width: 65ch;
margin: 0 auto;
padding: 0 30px;
box-sizing: border-box;
}
.popup h1 {
font-size: 1.5em;
}
.popup p {
color: #e1e1e1;
line-height: 1.3;
}
.hidden {
display: none;
}
.clickable {
cursor: pointer;
}
@media screen and (min-width: 800px) {
.popup h1 {
text-align: center;
}
.popup p {
text-align: justify;
}
}