@trtc/calls-uikit-react 4.4.3 → 4.4.4

package/src/Components/hooks/index.ts

@@ -1,9 +1,11 @@
 import useTranslate from "./useTranslate";
 import useDeviceList from "./useDeviceList";
 import useCallDuration from "./useCallDuration";
+import { useAIAssistant } from "./useAIAssistant";
 
 export {
   useTranslate,
   useDeviceList,
   useCallDuration,
+  useAIAssistant,
 }

package/src/Components/hooks/useAIAssistant.ts

@@ -0,0 +1,174 @@
+/**
+ * AI Assistant Hook
+ * @description React hook for AI Transcriber functionality
+ */
+import { useState, useEffect, useCallback } from 'react';
+import { TUIStore, StoreName, NAME } from '../../TUICallService/index';
+
+// Translation content interface
+interface ITranslationContent {
+  language: string;
+  text: string;
+}
+
+// Transcriber message interface (simplified for React version)
+interface TranscriberMessage {
+  segmentId: string;
+  speakerUserId: string;
+  sourceText: string;
+  isCompleted: boolean;
+  translationTexts: any;
+}
+
+// Converted message interface
+interface ITranslationInfo {
+  roundId: string;
+  sender: string;
+  nick?: string;
+  text: string;
+  end: boolean;
+  translation: ITranslationContent[];
+}
+
+/**
+ * AI Assistant hook
+ * Provides state management for AI transcription functionality
+ */
+export function useAIAssistant() {
+  // AI Transcriber Status State
+  const [isAITranscriberEnabled, setIsAITranscriberEnabled] = useState<boolean>(false);
+  const [isAITranscriberRunning, setIsAITranscriberRunning] = useState<boolean>(false);
+  
+  // Converted message list
+  const [subtitleInfoList, setSubtitleInfoList] = useState<ITranslationInfo[]>([]);
+
+  // Helper functions for message conversion
+  const parseTranslationTexts = useCallback((translationTexts: any): ITranslationContent[] => {
+    if (!translationTexts) {
+      return [];
+    }
+
+    // Handle Map type
+    if (translationTexts instanceof Map) {
+      return Array.from(translationTexts.entries()).map(([language, content]) => ({
+        language: String(language),
+        text: ensureStringContent(content)
+      }));
+    }
+
+    // Handle plain object type
+    if (typeof translationTexts === 'object') {
+      return Object.entries(translationTexts).map(([language, content]) => ({
+        language: String(language),
+        text: ensureStringContent(content)
+      }));
+    }
+
+    return [];
+  }, []);
+
+  const ensureStringContent = useCallback((content: any): string => {
+    if (content === null || content === undefined) {
+      return '';
+    }
+    
+    if (typeof content === 'string') {
+      return content;
+    }
+    
+    if (typeof content === 'object') {
+      try {
+        return JSON.stringify(content);
+      } catch (error) {
+        console.warn('Failed to stringify translation content:', error);
+        return '[Invalid Object]';
+      }
+    }
+    
+    return String(content);
+  }, []);
+
+  const convertToLegacyFormat = useCallback((messages: TranscriberMessage[]): ITranslationInfo[] => {
+    return messages.map(msg => ({
+      roundId: msg.segmentId,
+      sender: msg.speakerUserId,
+      nick: '',
+      text: msg.sourceText,
+      end: msg.isCompleted,
+      translation: parseTranslationTexts(msg.translationTexts)
+    }));
+  }, [parseTranslationTexts]);
+
+  // Store watcher callbacks
+  const handleAITranscriberEnabledChange = useCallback((value: boolean) => {
+    setIsAITranscriberEnabled(value || false);
+  }, []);
+
+  const handleAITranscriberRunningChange = useCallback((value: boolean) => {
+    setIsAITranscriberRunning(value || false);
+  }, []);
+
+  const handleRealtimeMessageListChange = useCallback((messageList: TranscriberMessage[]) => { 
+    if (messageList && messageList.length > 0) {
+      const convertedMessages = convertToLegacyFormat(messageList);
+      setSubtitleInfoList(convertedMessages);
+    } else {
+      setSubtitleInfoList([]);
+    }
+  }, [convertToLegacyFormat]);
+
+  // Effect for lifecycle management
+  useEffect(() => {
+    // Try to get initial values from TUIStore if available
+    try {
+      const initialEnabled = TUIStore.getData(StoreName.CALL, NAME.IS_AI_TRANSCRIBER_ENABLED);
+      const initialRunning = TUIStore.getData(StoreName.CALL, NAME.IS_AI_TRANSCRIBER_RUNNING);
+      const initialMessages = TUIStore.getData(StoreName.CALL, NAME.REALTIME_MESSAGE_LIST);
+      
+      if (initialEnabled !== undefined) {
+        setIsAITranscriberEnabled(initialEnabled);
+      }
+      if (initialRunning !== undefined) {
+        setIsAITranscriberRunning(initialRunning);
+      }
+      if (initialMessages) {
+        handleRealtimeMessageListChange(initialMessages);
+      }
+
+      // Subscribe to TUIStore changes if the store supports these fields
+      if (NAME.IS_AI_TRANSCRIBER_ENABLED && NAME.IS_AI_TRANSCRIBER_RUNNING && NAME.REALTIME_MESSAGE_LIST) {
+        TUIStore.watch(StoreName.CALL, {
+          [NAME.IS_AI_TRANSCRIBER_ENABLED]: handleAITranscriberEnabledChange,
+          [NAME.IS_AI_TRANSCRIBER_RUNNING]: handleAITranscriberRunningChange,
+          [NAME.REALTIME_MESSAGE_LIST]: handleRealtimeMessageListChange,
+        });
+      }
+    } catch (error) {
+      console.warn('AI Assistant hook initialization failed:', error);
+      // Set default values for development/testing
+      setIsAITranscriberEnabled(true);
+      setIsAITranscriberRunning(false);
+    }
+
+    // Cleanup function
+    return () => {
+      try {
+        if (NAME.IS_AI_TRANSCRIBER_ENABLED && NAME.IS_AI_TRANSCRIBER_RUNNING && NAME.REALTIME_MESSAGE_LIST) {
+          TUIStore.unwatch(StoreName.CALL, {
+            [NAME.IS_AI_TRANSCRIBER_ENABLED]: handleAITranscriberEnabledChange,
+            [NAME.IS_AI_TRANSCRIBER_RUNNING]: handleAITranscriberRunningChange,
+            [NAME.REALTIME_MESSAGE_LIST]: handleRealtimeMessageListChange,
+          });
+        }
+      } catch (error) {
+        console.warn('AI Assistant hook cleanup failed:', error);
+      }
+    };
+  }, [handleAITranscriberEnabledChange, handleAITranscriberRunningChange, handleRealtimeMessageListChange]);
+
+  return {
+    isAITranscriberEnabled,
+    isAITranscriberRunning,
+    subtitleInfoList,
+  };
+}

package/src/TUICallService/CallService/AIAssistant.ts

@@ -1,51 +1,297 @@
-// @ts-ignore
-import { aiAssistant } from '../../Components/components/common/AIAssistant/index';
-import { getRemoteUserProfile } from './utils';
-
-interface IAIAssistant {
-  enableAISubtitle: (enable: boolean) => void;
-  setEngineInstance: (engineInstance: any) => void;
-  setImInstance: (imInstance: any) => void;
-};
-
-export class AIAssistant implements IAIAssistant {
-  static instance: IAIAssistant;
-  private _tuiCallEngine: any = null;
-  private _imInstance: any = null;
-
-  static getInstance() {
+/**
+ * AI Realtime Transcriber State Management
+ * @module AITranscriberState
+ * @description Manages realtime voice transcription state and operations, including message reception and history
+ */
+import { ITUIStore } from '../interface/ITUIStore';
+import { StoreName, NAME } from '../const/index';
+import TuiStore from '../TUIStore/tuiStore';
+
+// AI Transcriber events
+export enum RealtimeTranscriberEvent {
+  onReceiveTranscriberMessage = 'onReceiveTranscriberMessage',
+  onRealtimeTranscriberStarted = 'onRealtimeTranscriberStarted',
+  onRealtimeTranscriberStopped = 'onRealtimeTranscriberStopped',
+  onRealtimeTranscriberError = 'onRealtimeTranscriberError',
+}
+
+// Transcriber language type
+export type TranscriberLanguage = string;
+
+// Transcriber message interface
+export interface TranscriberMessage {
+  segmentId: string;
+  speakerUserId: string;
+  sourceText: string;
+  translationTexts?: Map<string, string>;
+  timestamp: number;
+  isCompleted: boolean;
+}
+
+// Event callback types
+export interface RealtimeTranscriberEventInfoMap {
+  [RealtimeTranscriberEvent.onReceiveTranscriberMessage]: {
+    roomId: string | number;
+    message: TranscriberMessage;
+  };
+  [RealtimeTranscriberEvent.onRealtimeTranscriberStarted]: {
+    roomId: string | number;
+    transcriberRobotId: string;
+    sourceLanguage: string;
+  };
+  [RealtimeTranscriberEvent.onRealtimeTranscriberStopped]: {
+    roomId: string | number;
+    transcriberRobotId: string;
+  };
+  [RealtimeTranscriberEvent.onRealtimeTranscriberError]: {
+    roomId: string | number;
+    transcriberRobotId: string;
+    error: number;
+    errorMessage: string;
+  };
+}
+
+export type RealtimeTranscriberEventCallback = <T extends RealtimeTranscriberEvent>(
+  eventInfo: RealtimeTranscriberEventInfoMap[T]
+) => void;
+
+const TUIStore: ITUIStore = TuiStore.getInstance();
+
+export default class AIAssistant {
+  static instance: AIAssistant;
+  private _callService: any;
+  private eventListeners = new Map<RealtimeTranscriberEvent, RealtimeTranscriberEventCallback[]>();
+
+  constructor(options: { callService: any }) {
+    this._callService = options.callService;
+  }
+
+  static getInstance(options: { callService: any }) {
     if (!AIAssistant.instance) {
-      AIAssistant.instance = new AIAssistant();
+      AIAssistant.instance = new AIAssistant(options);
     }
     return AIAssistant.instance;
   }
 
-  public enableAISubtitle(enable: boolean): void {
-    this._tuiCallEngine?.reportLog?.({
-      name: 'TUICallKit.enableAISubtitle.start',
-      data: { enable },
-    });
+  /**
+   * Get AI Transcriber Manager instance
+   * @returns AITranscriberManager instance or null if not available
+   */
+  private getTranscriberManager = () => {
+    const callEngine = this._callService?.getTUICallEngineInstance();
+    if (!callEngine) {
+      console.warn(`${NAME.PREFIX}Failed to get call engine instance.`);
+      return null;
+    }
 
-    const trtcCloudInstance = this._tuiCallEngine.getTRTCCloudInstance();
-    const getNickName = async(userId: string) => {
-      const res = await getRemoteUserProfile([userId], this._imInstance);
-      return res.length ? res[0] : [];
+    const trtcCloud = callEngine.getTRTCCloudInstance?.();
+    if (!trtcCloud || !trtcCloud.getAITranscriberManager) {
+      console.warn(`${NAME.PREFIX}AI Transcriber not supported.`);
+      return null;
     }
-    if (enable) {
-      aiAssistant.initASR({
-        trtcCloudInstance,
-        // @ts-ignore
-        getNickName,
+
+    return trtcCloud.getAITranscriberManager();
+  };
+
+  private triggerEvent = <T extends RealtimeTranscriberEvent>(
+    event: T,
+    eventInfo: RealtimeTranscriberEventInfoMap[T],
+  ): void => {
+    const listeners = this.eventListeners.get(event);
+    if (listeners) {
+      listeners.forEach((callback) => {
+        try {
+          callback(eventInfo);
+        } catch (error) {
+          console.error(`${NAME.PREFIX}Error in event callback for ${event}:`, error);
+        }
       });
+    }
+  };
+
+  public startRealtimeTranscriber = async (config: {
+    sourceLanguage: TranscriberLanguage;
+    translationLanguages?: TranscriberLanguage[];
+  }) => {
+    const transcriberManager = this.getTranscriberManager();
+    if (!transcriberManager) {
+      return null;
+    }
+
+    try {
+      const transcriberRobotId = await transcriberManager.startRealtimeTranscriber(config);
+      
+      TUIStore.update(StoreName.CALL, NAME.TRANSCRIBER_ROBOT_ID, transcriberRobotId);
+      TUIStore.update(StoreName.CALL, NAME.IS_AI_TRANSCRIBER_RUNNING, true);
+      return transcriberRobotId;
+    } catch (error) {
+      console.error(`${NAME.PREFIX}startRealtimeTranscriber error:`, error);
+      throw error;
+    }
+  };
+
+  public stopRealtimeTranscriber = async () => {
+    const transcriberManager = this.getTranscriberManager();
+    if (!transcriberManager) {
+      return;
+    }
+
+    try {
+      const transcriberRobotId = TUIStore.getData(StoreName.CALL, NAME.TRANSCRIBER_ROBOT_ID);
+      
+      if (transcriberRobotId) {
+        await transcriberManager.stopRealtimeTranscriber(transcriberRobotId);
+      }
+      
+      TUIStore.update(StoreName.CALL, NAME.TRANSCRIBER_ROBOT_ID, null);
+      TUIStore.update(StoreName.CALL, NAME.IS_AI_TRANSCRIBER_RUNNING, false);
+    } catch (error) {
+      console.error(`${NAME.PREFIX}stopRealtimeTranscriber error:`, error);
+      throw error;
+    }
+  };
+
+  public updateRealTimeTranscriber = async (config: {
+    sourceLanguage: TranscriberLanguage;
+    translationLanguages?: TranscriberLanguage[];
+  }) => {
+    const transcriberManager = this.getTranscriberManager();
+    if (!transcriberManager) {
+      return null;
+    }
+
+    try {
+      const currentTranscriberRobotId = TUIStore.getData(StoreName.CALL, NAME.TRANSCRIBER_ROBOT_ID);
+      
+      if (currentTranscriberRobotId) {
+        await transcriberManager.stopRealtimeTranscriber(currentTranscriberRobotId);
+      }
+      
+      const newTranscriberRobotId = await transcriberManager.startRealtimeTranscriber(config);
+      TUIStore.update(StoreName.CALL, NAME.TRANSCRIBER_ROBOT_ID, newTranscriberRobotId);
+      
+      return newTranscriberRobotId;
+    } catch (error) {
+      console.error(`${NAME.PREFIX}updateRealTimeTranscriber error:`, error);
+      throw error;
+    }
+  };
+
+  public subscribeEvent = (event: RealtimeTranscriberEvent, callback: RealtimeTranscriberEventCallback) => {
+    if (!this.eventListeners.has(event)) {
+      this.eventListeners.set(event, []);
+    }
+    this.eventListeners.get(event)?.push(callback);
+  };
+
+  public unsubscribeEvent = (event: RealtimeTranscriberEvent, callback: RealtimeTranscriberEventCallback) => {
+    const listeners = this.eventListeners.get(event);
+    if (listeners) {
+      const index = listeners.indexOf(callback);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+      if (listeners.length === 0) {
+        this.eventListeners.delete(event);
+      }
+    }
+  };
+
+  private onReceiveTranscriberMessage = (
+    _roomId: string | number,
+    message: {
+      segmentId: string;
+      speakerUserId: string;
+      sourceText: string;
+      translationTexts?: Map<string, string>;
+      timestamp: number;
+      isCompleted: boolean;
+    },
+  ) => {
+    const { segmentId } = message;
+    let realtimeMessageList: TranscriberMessage[] = TUIStore.getData(StoreName.CALL, NAME.REALTIME_MESSAGE_LIST) || [];
+    
+    const idx = realtimeMessageList.findIndex(msg => msg.segmentId === segmentId);
+    if (idx >= 0) {
+      realtimeMessageList[idx] = message;
     } else {
-      aiAssistant.destroyASR();
+      realtimeMessageList.push(message);
     }
-  }
+    
+    TUIStore.update(StoreName.CALL, NAME.REALTIME_MESSAGE_LIST, [...realtimeMessageList]);
+    
+    this.triggerEvent(RealtimeTranscriberEvent.onReceiveTranscriberMessage, {
+      roomId: _roomId,
+      message,
+    });
+  };
 
-  public setEngineInstance(engineInstance: any): void {
-    this._tuiCallEngine = engineInstance;
-  }
-  public setImInstance(imInstance: any): void {
-    this._imInstance = imInstance;
-  }
+  private onRealtimeTranscriberStarted = (_roomId: string | number, _transcriberRobotId: string, _sourceLanguage: string) => {
+    this.triggerEvent(RealtimeTranscriberEvent.onRealtimeTranscriberStarted, {
+      roomId: _roomId,
+      transcriberRobotId: _transcriberRobotId,
+      sourceLanguage: _sourceLanguage,
+    });
+  };
+
+  private onRealtimeTranscriberStopped = (_roomId: string | number, _transcriberRobotId: string) => {
+    this.triggerEvent(RealtimeTranscriberEvent.onRealtimeTranscriberStopped, {
+      roomId: _roomId,
+      transcriberRobotId: _transcriberRobotId,
+    });
+  };
+
+  private onRealtimeTranscriberError = (_roomId: string | number, _transcriberRobotId: string, error: number, errorMessage: string) => {
+    this.triggerEvent(RealtimeTranscriberEvent.onRealtimeTranscriberError, {
+      roomId: _roomId,
+      transcriberRobotId: _transcriberRobotId,
+      error,
+      errorMessage,
+    });
+  };
+
+  public bindEvent = () => {
+    const transcriberManager = this.getTranscriberManager();
+    if (!transcriberManager) {
+      return;
+    }
+
+    try {
+      transcriberManager.addListener({
+        onReceiveTranscriberMessage: this.onReceiveTranscriberMessage,
+        onRealtimeTranscriberStarted: this.onRealtimeTranscriberStarted,
+        onRealtimeTranscriberStopped: this.onRealtimeTranscriberStopped,
+        onRealtimeTranscriberError: this.onRealtimeTranscriberError,
+      });
+    } catch (error) {
+      console.error(`${NAME.PREFIX}bindEvent error:`, error);
+    }
+  };
+
+  public unbindEvent = () => {
+    const transcriberManager = this.getTranscriberManager();
+    if (!transcriberManager) {
+      return;
+    }
+
+    try {
+      transcriberManager.removeListener({
+        onReceiveTranscriberMessage: this.onReceiveTranscriberMessage,
+        onRealtimeTranscriberStarted: this.onRealtimeTranscriberStarted,
+        onRealtimeTranscriberStopped: this.onRealtimeTranscriberStopped,
+        onRealtimeTranscriberError: this.onRealtimeTranscriberError,
+      });
+    } catch (error) {
+      console.error(`${NAME.PREFIX}unbindEvent error:`, error);
+    }
+  };
+
+  public reset = () => {
+    TUIStore.update(StoreName.CALL, NAME.TRANSCRIBER_ROBOT_ID, null);
+    TUIStore.update(StoreName.CALL, NAME.REALTIME_MESSAGE_LIST, []);
+    TUIStore.update(StoreName.CALL, NAME.IS_AI_TRANSCRIBER_ENABLED, false);
+    this.eventListeners.clear();
+  };
 }
+
+

package/src/TUICallService/CallService/index.ts

@@ -27,15 +27,15 @@ const TUIGlobal: ITUIGlobal = TuiGlobal.getInstance();
 const TUIStore: ITUIStore = TuiStore.getInstance();
 const uiDesign = UIDesign.getInstance();
 uiDesign.setTUIStore(TUIStore);
-const version = '4.4.3';
-import { AIAssistant } from './AIAssistant'; // 仅 web 支持 AI 实时字幕
-const aiAssistant = AIAssistant.getInstance();
+const version = '4.4.4';
+import AIAssistant from './AIAssistant'; // 仅 web 支持 AI 实时字幕
 const frameWork = 'react';
 export { TUIGlobal, TUIStore, uiDesign };
 
 export default class TUICallService {
   static instance: TUICallService;
   public _tuiCallEngine: any;
+  public _aiAssistant: any = null;
   private _tim: any = null;
   private _TUICore: any = null;
   private _timerId: number = -1;
@@ -62,6 +62,7 @@ export default class TUICallService {
     this._engineEventHandler = EngineEventHandler.getInstance({ callService: this });
 
     this._chatCombine = ChatCombine.getInstance({ callService: this });
+    this._aiAssistant = AIAssistant.getInstance({ callService: this });
     initBrowserCloseDetection(this.handleExceptionExit.bind(this));
   }
   static getInstance() {
@@ -122,9 +123,7 @@ export default class TUICallService {
       TUIStore.update(StoreName.CALL, NAME.LOCAL_USER_INFO, { userId: userID });
       TUIStore.update(StoreName.CALL, NAME.LOCAL_USER_INFO_EXCLUDE_VOLUMN, { userId: userID });
       uiDesign.updateViewBackgroundUserId('local');
-      aiAssistant.setEngineInstance(this._tuiCallEngine);
-      aiAssistant.setImInstance(this.getTim());
-      this.enableAISubtitle(true);
+      this._aiAssistant?.bindEvent();
 
       await this._tuiCallEngine.login({ userID, userSig, assetsPath: '' }); // web && mini
       const uiConfig = TUIStore.getData(StoreName.CALL, NAME.CUSTOM_UI_CONFIG);
@@ -157,6 +156,8 @@ export default class TUICallService {
         await this._tuiCallEngine.destroyInstance();
         this._tuiCallEngine = null;
       }
+      this._aiAssistant?.unbindEvent();
+      this._aiAssistant?.reset();
       this._bellContext?.destroy();
       this._bellContext = null;
     } catch (error) {
@@ -275,6 +276,16 @@ export default class TUICallService {
       throw error;
     }
   }
+  public async enableAITranscriber(enable: boolean) {
+    try {
+      // Update store to control UI translation switch and translation area visibility
+      TUIStore.update(StoreName.CALL, NAME.IS_AI_TRANSCRIBER_ENABLED, enable);
+      console.log(`${NAME.PREFIX}enableAITranscriber: ${enable}.`);
+    } catch (error: any) {
+      console.error(`${NAME.PREFIX}enableAITranscriber failed, error: ${error}.`);
+      throw error;
+    }
+  }
   // 修改默认铃声：只支持本地铃声文件，不支持在线铃声文件；修改铃声修改的是被叫的铃声
   public async setCallingBell(filePath?: string) {
     let isCheckFileExist: boolean = true;
@@ -310,9 +321,7 @@ export default class TUICallService {
   public setCameraDefaultState(isOpen: boolean) {
     uiDesign.setCameraDefaultState(isOpen);
   }
-  public enableAISubtitle(enable: boolean): void {
-    aiAssistant.enableAISubtitle(enable);
-  }
+  // AI Subtitle functionality removed, focusing on real-time transcriber
   // =============================【实验性接口】=============================
   public callExperimentalAPI(jsonStr: string) {
     const jsonObj = JSON.parse(jsonStr);
@@ -744,6 +753,7 @@ export default class TUICallService {
         case NAME.ENABLE_FLOAT_WINDOW:
         case NAME.LOCAL_USER_INFO:
         case NAME.IS_SHOW_ENABLE_VIRTUAL_BACKGROUND:
+        case NAME.IS_AI_TRANSCRIBER_ENABLED:
         case NAME.IS_FORCE_USE_V2_API:
         case NAME.LOCAL_USER_INFO_EXCLUDE_VOLUMN: {
           return false;

package/src/TUICallService/TUIStore/callStore.ts

@@ -54,6 +54,11 @@ export default class CallStore {
     // translate function
     translate: t,
     isForceUseV2API: false,
+    // AI Transcriber related fields
+    transcriberRobotId: null,
+    realtimeMessageList: [],
+    isAITranscriberEnabled: false,
+    isAITranscriberRunning: false,
   };
   public store: ICallStore = deepClone(this.defaultStore);
   public prevStore: ICallStore = deepClone(this.defaultStore);

package/src/TUICallService/const/index.ts

@@ -39,6 +39,10 @@ export const CALL_DATA_KEY: any = {
   PUSHER_ID: 'pusherId',
   IS_FORCE_USE_V2_API: 'isForceUseV2API',
   MODAL_ERROR: 'modalError',
+  TRANSCRIBER_ROBOT_ID: 'transcriberRobotId',
+  REALTIME_MESSAGE_LIST: 'realtimeMessageList',
+  IS_AI_TRANSCRIBER_ENABLED: 'isAITranscriberEnabled', // Controls UI visibility
+  IS_AI_TRANSCRIBER_RUNNING: 'isAITranscriberRunning', // Controls AI transcriber running state
 };
 
 export const CHAT_DATA_KEY: any = {

package/src/TUICallService/interface/ICallStore.ts

@@ -52,4 +52,9 @@ export interface ICallStore {
   // translate function
   translate: Function,
   isForceUseV2API: boolean, // 是否使用 call/groupCall 接口, 默认: false
+  // AI Transcriber related fields
+  transcriberRobotId: string | null, // AI 转写机器人 ID
+  realtimeMessageList: [], // 实时转写消息列表
+  isAITranscriberEnabled: boolean, // AI 转写UI是否显示
+  isAITranscriberRunning: boolean, // AI transcriber running state
 }

package/src/TUICallService/locales/en.ts

@@ -146,4 +146,19 @@ export const en = {
   'error.10013': "Call failed: You have been blocked by the other party or you have blocked the other party",
   'error.10014': "Call initiation failed. User ID is invalid. Please confirm that the user is registered.",
   'error': 'Error',
+  // AI Subtitle Settings
+  'ai-subtitle': 'AI Subtitle',
+  'ai-subtitle-settings': 'AI Subtitle Settings',
+  'recognition-language': 'Recognition Language',
+  'translation-language': 'Translation Language',
+  'subtitle-display-settings': 'Subtitle Display Settings',
+  'subtitle-display-bilingual': 'Show Bilingual Subtitles',
+  'no-translation': 'No Translation',
+  'show-bilingual': 'Show Bilingual',
+  'show-original-only': 'Show Original Only',
+  'save': 'Save',
+  'select-recognition-language': 'Please select recognition language',
+  'select-translation-language': 'Please select translation language',
+  'confirm': 'Confirm',
+  'recognition-and-translation-settings': 'Recognition & Translation Settings',
 };

package/src/TUICallService/locales/ja_JP.ts

@@ -145,4 +145,19 @@ export const ja_JP = {
   'error.10013': "通話失敗：相手にブロックされているか、または相手をブロックしています",
   'error.10014': "通話の開始に失敗しました。ユーザーIDが無効です。ユーザーが登録されていることを確認してください。",
   'error': 'エラー',
+  // AI Subtitle Settings
+  'ai-subtitle': 'AI字幕',
+  'ai-subtitle-settings': 'AI字幕設定',
+  'recognition-language': '認識言語',
+  'translation-language': '翻訳言語',
+  'subtitle-display-settings': '字幕表示設定',
+  'subtitle-display-bilingual': 'バイリンガル字幕を表示',
+  'no-translation': '翻訳しない',
+  'show-bilingual': 'バイリンガル表示',
+  'show-original-only': '原文のみ表示',
+  'save': '保存',
+  'select-recognition-language': '認識言語を選択してください',
+  'select-translation-language': '翻訳言語を選択してください',
+  'confirm': '確認',
+  'recognition-and-translation-settings': '認識と翻訳の設定',
 };