voicechat

Sleeping

App Files Files Community

seawolf2357 commited on 18 days ago

Commit

8a87ce2

verified ·

1 Parent(s): a7ffd22

Update index.html

Browse files

Files changed (1) hide show

index.html +11 -12

index.html CHANGED Viewed

@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>OpenAI Real-Time Chat</title>
     <style>
         body {
             font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
@@ -163,13 +163,13 @@
     <div id="error-toast" class="toast"></div>
     <div class="container">
         <div class="logo">
-            <h1>OpenAI Real-Time Chat</h1>
         </div>
         <div class="chat-container">
             <div class="chat-messages" id="chat-messages"></div>
         </div>
         <div class="controls">
-            <button id="start-button">Start Conversation</button>
         </div>
     </div>
     <audio id="audio-output"></audio>
@@ -191,18 +191,18 @@
                 button.innerHTML = `
                     <div class="icon-with-spinner">
                         <div class="spinner"></div>
-                        <span>Connecting...</span>
                     </div>
                 `;
             } else if (peerConnection && peerConnection.connectionState === 'connected') {
                 button.innerHTML = `
                     <div class="pulse-container">
                         <div class="pulse-circle"></div>
-                        <span>Stop Conversation</span>
                     </div>
                 `;
             } else {
-                button.innerHTML = 'Start Conversation';
             }
         }
@@ -248,7 +248,7 @@
             const timeoutId = setTimeout(() => {
                 const toast = document.getElementById('error-toast');
-                toast.textContent = "Connection is taking longer than usual. Are you on a VPN?";
                 toast.className = 'toast warning';
                 toast.style.display = 'block';
@@ -327,7 +327,7 @@
                 if (serverResponse.status === 'failed') {
                     showError(serverResponse.meta.error === 'concurrency_limit_reached'
-                        ? `Too many connections. Maximum limit is ${serverResponse.meta.limit}`
                         : serverResponse.meta.error);
                     stop();
                     return;
@@ -339,12 +339,11 @@
                 eventSource.addEventListener("output", (event) => {
                     const eventJson = JSON.parse(event.data);
                     addMessage("assistant", eventJson.content);
                 });
             } catch (err) {
                 clearTimeout(timeoutId);
                 console.error('Error setting up WebRTC:', err);
-                showError('Failed to establish connection. Please try again.');
                 stop();
             }
         }
@@ -401,4 +400,4 @@
     </script>
 </body>
-</html>

 <!DOCTYPE html>
+<html lang="ko">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>OpenAI 실시간 대화</title>
     <style>
         body {
             font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
     <div id="error-toast" class="toast"></div>
     <div class="container">
         <div class="logo">
+            <h1>OpenAI 실시간 대화</h1>
         </div>
         <div class="chat-container">
             <div class="chat-messages" id="chat-messages"></div>
         </div>
         <div class="controls">
+            <button id="start-button">대화 시작</button>
         </div>
     </div>
     <audio id="audio-output"></audio>
                 button.innerHTML = `
                     <div class="icon-with-spinner">
                         <div class="spinner"></div>
+                        <span>연결 중...</span>
                     </div>
                 `;
             } else if (peerConnection && peerConnection.connectionState === 'connected') {
                 button.innerHTML = `
                     <div class="pulse-container">
                         <div class="pulse-circle"></div>
+                        <span>대화 종료</span>
                     </div>
                 `;
             } else {
+                button.innerHTML = '대화 시작';
             }
         }
             const timeoutId = setTimeout(() => {
                 const toast = document.getElementById('error-toast');
+                toast.textContent = "연결이 평소보다 오래 걸리고 있습니다. VPN을 사용 중이신가요?";
                 toast.className = 'toast warning';
                 toast.style.display = 'block';
                 if (serverResponse.status === 'failed') {
                     showError(serverResponse.meta.error === 'concurrency_limit_reached'
+                        ? `너무 많은 연결입니다. 최대 한도는 ${serverResponse.meta.limit} 입니다.`
                         : serverResponse.meta.error);
                     stop();
                     return;
                 eventSource.addEventListener("output", (event) => {
                     const eventJson = JSON.parse(event.data);
                     addMessage("assistant", eventJson.content);
                 });
             } catch (err) {
                 clearTimeout(timeoutId);
                 console.error('Error setting up WebRTC:', err);
+                showError('연결을 설정하지 못했습니다. 다시 시도해 주세요.');
                 stop();
             }
         }
     </script>
 </body>
+</html>