Merge branch 'feature/realtime-transcription'

videosdk-live · May 3, 2024 · 7807fbe · 7807fbe
2 parents 190c0bc + b6ac454
commit 7807fbe
Show file tree

Hide file tree

Showing 13 changed files with 1,781 additions and 96 deletions.
diff --git a/README.md b/README.md
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "videosdk-rtc-react-prebuilt-ui",
-  "version": "0.3.38",
+  "version": "0.3.39",
   "private": true,
-  "homepage": "https://embed.videosdk.live/rtc-js-prebuilt/0.3.38/",
+  "homepage": "https://embed.videosdk.live/rtc-js-prebuilt/0.3.39/",
   "dependencies": {
     "@emoji-mart/react": "^1.1.1",
     "@emotion/react": "^11.11.4",

diff --git a/src/App.js b/src/App.js
@@ -23,7 +23,7 @@ import {
 import useIsSMDesktop from "./utils/useIsSMDesktop";
 import useIsLGDesktop from "./utils/useIsLGDesktop";
 import useIsTab from "./utils/useIsTab";
-import packageInfo from '../package.json';
+import packageInfo from "../package.json";
 import { meetingModes } from "./CONSTS";
 import animationData from "./animations/meeting-left.json";
 import lightThemeAnimationData from "./animations/meeting_left_white.json";
@@ -80,6 +80,8 @@ const App = () => {
       participantTabPanelEnabled: "participantTabPanelEnabled",
       moreOptionsEnabled: "moreOptionsEnabled",
       participantCanToggleRecording: "participantCanToggleRecording",
+      participantCanToggleRealtimeTranscription:
+        "participantCanToggleRealtimeTranscription",
       participantCanLeave: "participantCanLeave",
       participantCanToggleOtherWebcam: "participantCanToggleOtherWebcam",
       participantCanToggleOtherMic: "participantCanToggleOtherMic",
@@ -96,6 +98,9 @@ const App = () => {
       autoStartRecording: "autoStartRecording",
       recordingTheme: "recordingTheme",
       //
+      realtimeTranscriptionEnabled: "realtimeTranscriptionEnabled",
+      realtimeTranscriptionVisible: "realtimeTranscriptionVisible",
+      //
       brandingEnabled: "brandingEnabled",
       brandLogoURL: "brandLogoURL",
       brandName: "brandName",
@@ -248,6 +253,9 @@ const App = () => {
     if (typeof paramKeys.recordingEnabled !== "string") {
       paramKeys.recordingEnabled = "false";
     }
+    if (typeof paramKeys.realtimeTranscriptionEnabled !== "string") {
+      paramKeys.realtimeTranscriptionEnabled = "false";
+    }
     if (typeof paramKeys.hlsEnabled !== "string") {
       paramKeys.hlsEnabled = "false";
     }
@@ -688,6 +696,8 @@ const App = () => {
             canChangeLayout: paramKeys.canChangeLayout === "true",
             meetingLayoutTopic: paramKeys.meetingLayoutTopic,
             recordingEnabled: paramKeys.recordingEnabled === "true",
+            realtimeTranscriptionEnabled:
+              paramKeys.realtimeTranscriptionEnabled === "true",
             hlsEnabled: paramKeys.hlsEnabled === "true",
             recordingWebhookUrl: paramKeys.recordingWebhookUrl,
             recordingAWSDirPath: paramKeys.recordingAWSDirPath,
@@ -699,6 +709,8 @@ const App = () => {
             hlsTheme: paramKeys.hlsTheme,
             participantCanToggleRecording:
               paramKeys.participantCanToggleRecording === "true",
+            participantCanToggleRealtimeTranscription:
+              paramKeys.participantCanToggleRealtimeTranscription === "true",
             participantCanToggleHls:
               paramKeys.participantCanToggleHls === "true",
             brandingEnabled: paramKeys.brandingEnabled === "true",
@@ -792,6 +804,8 @@ const App = () => {
             micQuality: paramKeys.micQuality,
             joinWithoutUserInteraction: paramKeys.joinWithoutUserInteraction,
             webcamEnabled: paramKeys.webcamEnabled,
+            realtimeTranscriptionVisible:
+              paramKeys.realtimeTranscriptionVisible === "true",
           }}
         >
           <MeetingProvider

diff --git a/src/MeetingAppContextDef.js b/src/MeetingAppContextDef.js
@@ -35,7 +35,6 @@ export const sideBarNestedModes = {
   VIRTUAL_BACKGROUND: "VIRTUAL_BACKGROUND",
 };
 
-
 export const meetingLayouts = {
   SPOTLIGHT: "SPOTLIGHT",
   SIDEBAR: "SIDEBAR",
@@ -72,6 +71,7 @@ export const MeetingAppProvider = ({
   participantCanToggleSelfMic,
   raiseHandEnabled,
   recordingEnabled,
+  realtimeTranscriptionEnabled,
   recordingWebhookUrl,
   recordingAWSDirPath,
   autoStartRecording,
@@ -80,6 +80,7 @@ export const MeetingAppProvider = ({
   liveStreamTheme,
   autoStartHls,
   participantCanToggleRecording,
+  participantCanToggleRealtimeTranscription,
   participantCanToggleHls,
   brandingEnabled,
   brandLogoURL,
@@ -153,6 +154,7 @@ export const MeetingAppProvider = ({
   micQuality,
   joinWithoutUserInteraction,
   webcamEnabled,
+  realtimeTranscriptionVisible,
 }) => {
   const containerRef = useRef();
   const endCallContainerRef = useRef();
@@ -273,6 +275,7 @@ export const MeetingAppProvider = ({
         moreOptionsEnabled,
         raiseHandEnabled,
         recordingEnabled,
+        realtimeTranscriptionEnabled,
         meetingLayoutTopic,
         recordingWebhookUrl,
         recordingAWSDirPath,
@@ -282,6 +285,7 @@ export const MeetingAppProvider = ({
         hlsTheme,
         liveStreamTheme,
         participantCanToggleRecording,
+        participantCanToggleRealtimeTranscription,
         participantCanToggleHls,
         brandingEnabled,
         brandLogoURL,
@@ -324,6 +328,7 @@ export const MeetingAppProvider = ({
         alwaysShowOverlay,
         sideStackSize,
         reduceEdgeSpacing,
+        realtimeTranscriptionVisible,
 
         isRecorder,
         maintainVideoAspectRatio,