✨ Meet room rendering

2025-04-06 14:30:45 +08:00
parent e21ec2e81c
commit 00ef003be9
5 changed files with 137 additions and 0 deletions
--- a/templates/meet.tmpl
+++ b/templates/meet.tmpl
@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Solar Network Captcha</title>
+    <link
+            href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap"
+            rel="stylesheet"
+    />
+    <style>
+        body {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #2d2d2d;
+            font-family: "Roboto Mono", monospace;
+            color: #c9d1d9;
+        }
+        .container {
+            width: 100vw;
+            height: 100vh;
+        }
+        .parent {
+            padding: 20px;
+            max-width: 480px;
+            margin: 0 auto;
+        }
+        h2 {
+            font-size: 18px;
+            font-weight: 300;
+            color: #ffffff;
+            margin-bottom: 15px;
+        }
+        .footer {
+            margin-top: 20px;
+            font-size: 11px;
+            opacity: 0.6;
+        }
+        .footer-product {
+            font-size: 12px;
+            font-weight: bold;
+            margin-bottom: 5px;
+            opacity: 0.8;
+        }
+    </style>
+    <script src='https://meet.element.io/external_api.js'></script>
+</head>
+<body>
+<div class="parent">
+    <div class="container" id="meet">
+    </div>
+</div>
+<script>
+    function getQueryParam(name) {
+        const urlParams = new URLSearchParams(window.location.search);
+        return urlParams.get(name);
+    }
+
+    const node = document.querySelector('#meet');
+
+    const domain = 'meet.element.io';
+    const options = {
+        roomName: "{{ .RoomName }}",
+        width: node.clientWidth,
+        height: node.clientHeight,
+        parentNode: node,
+        userInfo: {
+            avatar: {{ .User.Avatar }},
+            displayName: "{{ .User.Nick }}"
+        }
+    };
+    const api = new JitsiMeetExternalAPI(domain, options)
+</script>
+</body>
+</html>