wip

Author: theomonnom

livekit-rtc/jupyter-html/src/App.tsx

@@ -44,8 +44,8 @@ const LeaveIcon = (props: SVGProps<SVGSVGElement>) => (
 
 const ConnectedContent: React.FC<{ onDisconnect: () => void }> = ({ onDisconnect }) => {
   const connectionState = useConnectionState();
-  const { state: agentState, audioTrack: agentTrack } = useVoiceAssistant();
   const { canPlayAudio } = useStartAudio({ props: {} }); // why do I need props..?
+  const { state: agentState, audioTrack } = useVoiceAssistant();
 
   return (
     <div className="content">
@@ -63,16 +63,16 @@ const ConnectedContent: React.FC<{ onDisconnect: () => void }> = ({ onDisconnect
       <div className="controls">
         <VoiceAssistantControlBar controls={{ microphone: true, leave: false }} />
 
-        {canPlayAudio && connectionState == ConnectionState.Connected && <div className="agent-visualizer">
+        {canPlayAudio && connectionState == ConnectionState.Connected && agentState !== "connecting" && <div className="agent-visualizer">
           <BarVisualizer
             state={agentState}
             barCount={15}
-            trackRef={agentTrack}
-            options={{ minHeight: 30, maxHeight: 30 }}
+            trackRef={audioTrack}
+            options={{ minHeight: 15, maxHeight: 30 }}
           />
         </div>}
       </div>
-    </div>
+    </div >
   );
 };
 

livekit-rtc/livekit/rtc/jupyter.py

@@ -31,7 +31,8 @@ def room_html(url: str, token: str) -> HTML:
     index_path = _resource_stack.enter_context(as_file(index_path))
 
     # turns out that directly replacing the URL/token is necessary, as Colab or Jupyter comms become
-    # unreliable when the main thread is busy/blocked
+    # unreliable when the main thread is busy/blocked.
+    # it also avoid the need to use --expose-app-in-browser when starting jupyter notebook
     html_text = index_path.read_text()
     html_text = html_text.replace(token_placeholder, token)
     html_text = html_text.replace(url_placeholder, url)