Use Jitsi API to start/stop transcription

brave · Jul 10, 2024 · fefbfbf · fefbfbf
1 parent 6a8836c
commit fefbfbf
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 10 deletions.
diff --git a/src/components/InCall.tsx b/src/components/InCall.tsx
@@ -78,7 +78,7 @@ export const InCall = ({
         videoConferenceJoinedHandler(transcriptManager.current),
         transcriptionChunkReceivedHandler(transcriptManager.current),
         transcribingStatusChangedHandler(transcriptManager.current),
-        buttonHandler,
+        buttonHandler(transcriptManager.current),
       ];
 
       transcriptManager.current.roomName = roomName;

diff --git a/src/jitsi/event-handlers.ts b/src/jitsi/event-handlers.ts
@@ -558,15 +558,24 @@ export const getParticipants = (
   });
 };
 
-export const buttonHandler = {
+export const buttonHandler = (transcriptManager: TranscriptManager) => ({
   name: "toolbarButtonClicked",
-  fn:
-    (_jitsi: IJitsiMeetApi, _context: JitsiContext) => async (params: any) => {
-      switch (params.key) {
-        case "leo": {
-          alert("LEO! TODO: en/disable transcription now");
-          break;
+  fn: (jitsi: IJitsiMeetApi, _context: JitsiContext) => async (params: any) => {
+    switch (params.key) {
+      case "leo": {
+        if (!transcriptManager.transcriptionEnabledAccordingToJitsiEvents) {
+          jitsi.executeCommand("startRecording", {
+            mode: "file",
+            transcription: true,
+          });
+        } else {
+          jitsi.executeCommand("stopRecording", {
+            mode: "file",
+            transcription: true,
+          });
         }
+        break;
       }
-    },
-};
+    }
+  },
+});
diff --git a/src/transcripts.ts b/src/transcripts.ts
@@ -114,6 +114,7 @@ export class TranscriptManager {
   data: { [key: string]: JitsiTranscriptionChunk } = {};
   prompt: string = "";
   transcriptionUsed: boolean = false;
+  transcriptionEnabledAccordingToJitsiEvents: boolean = false;
 
   constructor(public onTranscriptChange: (transcript: string) => void) {}
 
@@ -158,6 +159,7 @@ export class TranscriptManager {
   }
 
   async handleTranscriptionEnabledEvent(jitsi: IJitsiMeetApi, status: boolean) {
+    this.transcriptionEnabledAccordingToJitsiEvents = status;
     if (!this.jwt) {
       throw new Error(
         "Could not process transcription enabled event due to missing JWT",