Spaces:
Running
Running
proč se mi odesílají zprávy které napíšu i tak že to ukáže jako druhý náhodný živatel - Follow Up Deployment
Browse files- index.html +10 -26
index.html
CHANGED
|
@@ -332,8 +332,8 @@
|
|
| 332 |
disconnectedView.classList.add('hidden');
|
| 333 |
connectingView.classList.remove('hidden');
|
| 334 |
|
| 335 |
-
// Connect to WebSocket server
|
| 336 |
-
socket = new WebSocket('wss://
|
| 337 |
|
| 338 |
socket.onopen = function(e) {
|
| 339 |
console.log("Connected to WebSocket server");
|
|
@@ -350,30 +350,14 @@
|
|
| 350 |
};
|
| 351 |
|
| 352 |
socket.onmessage = function(event) {
|
| 353 |
-
|
| 354 |
-
|
| 355 |
-
|
| 356 |
-
|
| 357 |
-
|
| 358 |
-
|
| 359 |
-
|
| 360 |
-
|
| 361 |
-
case 'message':
|
| 362 |
-
addMessage("Partner", message.text, false);
|
| 363 |
-
break;
|
| 364 |
-
|
| 365 |
-
case 'typing':
|
| 366 |
-
if (message.isTyping) {
|
| 367 |
-
typingIndicator.classList.remove('hidden');
|
| 368 |
-
} else {
|
| 369 |
-
typingIndicator.classList.add('hidden');
|
| 370 |
-
}
|
| 371 |
-
break;
|
| 372 |
-
|
| 373 |
-
case 'disconnected':
|
| 374 |
-
addSystemMessage("Partner has disconnected");
|
| 375 |
-
setTimeout(disconnect, 2000);
|
| 376 |
-
break;
|
| 377 |
}
|
| 378 |
};
|
| 379 |
|
|
|
|
| 332 |
disconnectedView.classList.add('hidden');
|
| 333 |
connectingView.classList.remove('hidden');
|
| 334 |
|
| 335 |
+
// Connect to public demo WebSocket server
|
| 336 |
+
socket = new WebSocket('wss://ws.ifelse.io');
|
| 337 |
|
| 338 |
socket.onopen = function(e) {
|
| 339 |
console.log("Connected to WebSocket server");
|
|
|
|
| 350 |
};
|
| 351 |
|
| 352 |
socket.onmessage = function(event) {
|
| 353 |
+
// This demo server just echoes messages back
|
| 354 |
+
// In a real app you'd parse JSON and handle different message types
|
| 355 |
+
if (event.data.startsWith('{')) {
|
| 356 |
+
const message = JSON.parse(event.data);
|
| 357 |
+
// Handle JSON messages
|
| 358 |
+
} else {
|
| 359 |
+
// Show echoed messages as from "Partner"
|
| 360 |
+
addMessage("Partner", event.data, false);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 361 |
}
|
| 362 |
};
|
| 363 |
|