@trtc/calls-uikit-react 4.5.2 → 4.5.3-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trtc/calls-uikit-react",
-  "version": "4.5.2",
+  "version": "4.5.3-beta.1",
   "main": "./tuicall-uikit-react.umd.js",
   "module": "./tuicall-uikit-react.es.js",
   "types": "./types/index.d.ts",
@@ -14,9 +14,8 @@
   },
   "dependencies": {
     "@tencentcloud/tui-core-lite": "~1.0.1",
-    "@trtc/call-engine-lite-js": "~4.0.3",
-    "@tencentcloud/lite-chat": "^1.6.3",
-    "@trtc/call-engine-lite-wx": "~4.0.0"
+    "@trtc/call-engine-lite-js": "4.0.5-beta.1",
+    "@tencentcloud/lite-chat": "^1.6.3"
 },
   "bugs": {
     "url": "https://github.com/tencentyun/TUICallKit/issues"

package/src/TUICallService/CallService/index.ts

@@ -27,7 +27,7 @@ const TUIGlobal: ITUIGlobal = TuiGlobal.getInstance();
 const TUIStore: ITUIStore = TuiStore.getInstance();
 const uiDesign = UIDesign.getInstance();
 uiDesign.setTUIStore(TUIStore);
-const version = '4.5.2';
+const version = '4.5.3-beta.1';
 import AIAssistant from './AIAssistant'; // 仅 web 支持 AI 实时字幕
 const frameWork = 'react';
 export { TUIGlobal, TUIStore, uiDesign };
@@ -51,6 +51,13 @@ export default class TUICallService {
   private _wasmReadyPromise;
   private _wasmReadyResolve;
   private _isInitialized = false;
+  // Use an arrow function to keep the `this` binding when registering/unregistering the listener.
+  private _handleAutoPlayFailed = () => {
+    this._tuiCallEngine?.reportLog?.({
+      name: 'TUICallkit.onAutoPlayFailed',
+    });
+    TUIStore.update(StoreName.CALL, NAME.IS_SHOW_AUTO_PLAY_DIALOG, true);
+  };
 
   constructor() {
     console.log(`${NAME.PREFIX}version: ${version}`);
@@ -132,6 +139,9 @@ export default class TUICallService {
       trtcCloudInstance?.callExperimentalAPI(JSON.stringify(
         { "api": "enableAutoPlayDialog","params": { "enable": 0 } }
       ));
+      // Register the auto play failed listener at initialization time, otherwise the event may
+      // be fired before the AutoPlayDialog component is mounted and the listener would miss it.
+      trtcCloudInstance?.on?.('onAutoPlayFailed', this._handleAutoPlayFailed);
       this._tuiCallEngine?.reportLog?.({
         name: 'TUICallkit.init',
         data: {
@@ -153,6 +163,8 @@ export default class TUICallService {
       }
       if (this._tuiCallEngine) {
         this._removeListenTuiCallEngineEvent();
+        const trtcCloudInstance = this._tuiCallEngine?.getTRTCCloudInstance?.();
+        trtcCloudInstance?.off?.('onAutoPlayFailed', this._handleAutoPlayFailed);
         await this._tuiCallEngine.destroyInstance();
         this._tuiCallEngine = null;
       }
@@ -338,6 +350,9 @@ export default class TUICallService {
           const { enable } = params;
           TUIStore.update(StoreName.CALL, NAME.IS_FORCE_USE_V2_API, !!enable);
           break;
+        case 'setWaterMark':
+          this._tuiCallEngine?.callExperimentalAPI?.(jsonStr);
+          break;
         default:
           break;
       }

package/src/TUICallService/TUIStore/callStore.ts

@@ -27,6 +27,7 @@ export default class CallStore {
     showPermissionTip: false,
     netWorkQualityList: [], // 显示网络状态差的提示
     isMuteSpeaker: false,
+    isShowAutoPlayDialog: false, // 是否显示自动播放失败弹窗, 默认: false
     callID: '', // callEngine 3.1 support
     groupID: '',
     roomID: 0,

package/src/TUICallService/const/index.ts

@@ -26,6 +26,7 @@ export const CALL_DATA_KEY: any = {
   PLAYER: 'player',
   IS_EAR_PHONE: 'isEarPhone',
   IS_MUTE_SPEAKER: 'isMuteSpeaker',
+  IS_SHOW_AUTO_PLAY_DIALOG: 'isShowAutoPlayDialog',
   SHOW_PERMISSION_TIP: 'SHOW_PERMISSION_TIP',
   NETWORK_STATUS: 'NetWorkStatus',
   CALL_ID: 'callID',

package/src/TUICallService/interface/ICallStore.ts

@@ -34,6 +34,7 @@ export interface ICallStore {
   roomIdType: number;
   cameraPosition: CameraPosition; // 前置或后置，值为front, back
   isMuteSpeaker: boolean;
+  isShowAutoPlayDialog: boolean; // 是否显示自动播放失败弹窗, 默认: false
   groupCallMembers: IUserInfo[];  // chat 群会话中在通话的成员
   // TUICallKit 组件上的属性
   displayMode: VideoDisplayMode; // 设置预览远端的画面显示模式, 默认: VideoDisplayMode.COVER

package/src/index.ts

@@ -35,7 +35,7 @@ const TUICallType = {
   AUDIO_CALL: 1,
   VIDEO_CALL: 2,
 };
-const Version = '4.5.2'; // basic-demo 原来上报使用
+const Version = '4.5.3-beta.1'; // basic-demo 原来上报使用
 
 // 输出产物
 export {