Add index.html

2026-04-04 14:54:19 +00:00
parent 030b16649a
commit 0d7e141fbe
1 changed files with 64 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>WebRTC UDP Test</title>
+</head>
+<body>
+    <h2>WebRTC DataChannel Test (UDP-like)</h2>
+    <button onclick="startSession()">Connect</button>
+    <div id="status">Status: Offline</div>
+    <input type="text" id="message" placeholder="Type message...">
+    <button onclick="sendMessage()">Send</button>
+    <pre id="logs"></pre>
+
+    <script>
+        let pc = new RTCPeerConnection({
+            iceServers: [
+                {
+                    urls: 'stun:88.210.53.29:3478'
+                },
+                {
+                    urls: 'turn:88.210.53.29:3478',
+                    username: 'shaihe',
+                    credential: 'zaq1xsw2'
+                }
+            ]
+        });
+        let dc;
+
+        async function startSession() {
+            dc = pc.createDataChannel("chat", { ordered: false, maxRetransmits: 0 }); // Настройка под UDP
+            
+            dc.onmessage = e => log("Received: " + e.data);
+            dc.onopen = () => document.getElementById('status').innerText = "Status: Connected";
+            
+            const offer = await pc.createOffer();
+            await pc.setLocalDescription(offer);
+
+            // Ждем сбора ICE
+            pc.onicecandidate = async (event) => {
+                if (event.candidate === null) {
+                    const response = await fetch('/sdp', {
+                        method: 'POST',
+                        body: JSON.stringify(pc.localDescription)
+                    });
+                    const answer = await response.json();
+                    await pc.setRemoteDescription(answer);
+                }
+            };
+        }
+
+        function sendMessage() {
+            const msg = document.getElementById('message').value;
+            if (dc && dc.readyState === "open") {
+                dc.send(msg);
+                log("Sent: " + msg);
+            }
+        }
+
+        function log(msg) {
+            document.getElementById('logs').innerText += msg + "\n";
+        }
+    </script>
+</body>
+</html>