Spaces:

fastrtc
/

talk-to-sambanova

Running

App Files Files Community

freddyaboulton HF staff commited on 2 days ago

Commit

191493f

verified ·

1 Parent(s): d3741cb

Upload folder using huggingface_hub

Browse files

Files changed (2) hide show

index.html +43 -1
requirements.txt +1 -1

index.html CHANGED Viewed

@@ -176,10 +176,28 @@
                 transform: scale(1.2);
             }
         }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="logo">
             <h1>Talk to Sambanova 🗣️</h1>
@@ -258,11 +276,24 @@
             updateAudioLevel();
         }
         function handleMessage(event) {
             const eventJson = JSON.parse(event.data);
             const typingIndicator = document.getElementById('typing-indicator');
-            if (eventJson.type === "send_input") {
                 fetch('/input_hook', {
                     method: 'POST',
                     headers: {
@@ -337,6 +368,15 @@
                 });
                 const serverResponse = await response.json();
                 await peerConnection.setRemoteDescription(serverResponse);
                 eventSource = new EventSource('/outputs?webrtc_id=' + webrtc_id);
@@ -348,6 +388,8 @@
                 });
             } catch (err) {
                 console.error('Error setting up WebRTC:', err);
             }
         }

                 transform: scale(1.2);
             }
         }
+        /* Add styles for toast notifications */
+        .toast {
+            position: fixed;
+            top: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            background-color: #f44336;
+            color: white;
+            padding: 16px 24px;
+            border-radius: 4px;
+            font-size: 14px;
+            z-index: 1000;
+            display: none;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+        }
     </style>
 </head>
 <body>
+    <!-- Add toast element after body opening tag -->
+    <div id="error-toast" class="toast"></div>
     <div class="container">
         <div class="logo">
             <h1>Talk to Sambanova 🗣️</h1>
             updateAudioLevel();
         }
+        function showError(message) {
+            const toast = document.getElementById('error-toast');
+            toast.textContent = message;
+            toast.style.display = 'block';
+            // Hide toast after 5 seconds
+            setTimeout(() => {
+                toast.style.display = 'none';
+            }, 5000);
+        }
         function handleMessage(event) {
             const eventJson = JSON.parse(event.data);
             const typingIndicator = document.getElementById('typing-indicator');
+            if (eventJson.type === "error") {
+                showError(eventJson.message);
+            } else if (eventJson.type === "send_input") {
                 fetch('/input_hook', {
                     method: 'POST',
                     headers: {
                 });
                 const serverResponse = await response.json();
+                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;
+                }
                 await peerConnection.setRemoteDescription(serverResponse);
                 eventSource = new EventSource('/outputs?webrtc_id=' + webrtc_id);
                 });
             } catch (err) {
                 console.error('Error setting up WebRTC:', err);
+                showError('Failed to establish connection. Please try again.');
+                stop();
             }
         }

requirements.txt CHANGED Viewed

@@ -1,4 +1,4 @@
-fastrtc[vad, stopword]
 python-dotenv
 openai
 twilio

+fastrtc[vad, stt]
 python-dotenv
 openai
 twilio