Initial commit: overlay + sender pages for StreamLabs browser source

Express + Socket.IO backend with Google login on the sender page, a transparent overlay page for OBS/StreamLabs Browser Source, and TTS voice-over via the edge-tts Python CLI (same engine as t2sTelegramBot). Dockerized for deployment. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-01 15:17:25 +00:00 · 2026-07-01 15:17:25 +00:00 · 7882db1f37
commit 7882db1f37
12 changed files with 1930 additions and 0 deletions
--- a/public/sender.html
+++ b/public/sender.html
@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8" />
+<title>Отправить сообщение стримеру</title>
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<script src="https://accounts.google.com/gsi/client" async defer></script>
+<style>
+  body {
+    font-family: system-ui, sans-serif;
+    max-width: 480px;
+    margin: 60px auto;
+    padding: 0 20px;
+  }
+  #user-bar {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 20px;
+  }
+  #user-bar img {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+  }
+  #logout {
+    margin-left: auto;
+    cursor: pointer;
+    color: #888;
+    font-size: 14px;
+  }
+  textarea {
+    width: 100%;
+    height: 100px;
+    font-size: 16px;
+    padding: 10px;
+    box-sizing: border-box;
+    resize: vertical;
+  }
+  button {
+    margin-top: 10px;
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
+  }
+  #status {
+    margin-top: 10px;
+    font-size: 14px;
+    color: #888;
+    min-height: 20px;
+  }
+  #hidden-until-login {
+    display: none;
+  }
+</style>
+</head>
+<body>
+
+<div id="login-container"></div>
+
+<div id="hidden-until-login">
+  <div id="user-bar">
+    <img id="user-pic" src="" alt="" />
+    <span id="user-name"></span>
+    <span id="logout">выйти</span>
+  </div>
+
+  <textarea id="message" placeholder="Текст для оверлея..." maxlength="500"></textarea>
+  <br />
+  <button id="send">Отправить</button>
+  <div id="status"></div>
+</div>
+
+<script src="/socket.io/socket.io.js"></script>
+<script src="/sender.js"></script>
+</body>
+</html>