cnhis-design-vue 3.3.3-beta.52 → 3.3.3-beta.55

package/es/components/iho-chat/src/components/Video.vue2.js

@@ -15,7 +15,6 @@ import '../../../../shared/hooks/useScrollLoading.js';
 import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
 import { useVideo } from '../hooks/useVideo.js';
-import TRTC from 'trtc-sdk-v5';
 
 const _hoisted_1 = {
   class: "video-wrapper"
@@ -76,20 +75,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       sendMessage,
       state,
-      trtcProxy,
       trtc,
       timing,
       voiceClose,
       isAudio,
       isCall,
       startTimer,
-      resetTimer,
       toggleAudio,
       messageTypeText,
       time,
       installEventHandlers,
-      uninstallEventHandlers
-    } = useVideo();
+      uninstallEventHandlers,
+      enterRoom,
+      exitRoom,
+      startLocalMedia,
+      MAIN_STREAM_TYPE
+    } = useVideo({
+      isMultiple: false,
+      enableRetry: false
+    });
     const videoRef = ref();
     const selfVideoRef = ref();
     const isConnect = ref(false);
@@ -150,20 +154,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     async function handleEnter() {
-      const checkResult = await TRTC.isSupported();
-      if (!checkResult.result || !checkResult.detail.isH264EncodeSupported || !checkResult.detail.isH264DecodeSupported) {
-        console.log("checkResult :>> ", checkResult);
+      const success = await enterRoom();
+      if (!success) {
         state.showVideo = false;
         return;
       }
       try {
-        await trtc.enterRoom({
-          strRoomId: state.currentAVMsg.strRoomId,
-          sdkAppId: parseInt(state.userInfo.sdkAppID),
-          userId: state.userInfo.id,
-          userSig: state.userInfo.userSig,
-          proxy: trtcProxy.value
-        });
         if (!isCall.value) {
           isConnect.value = true;
           startTimer();
@@ -175,15 +171,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           handleRemoteUserExit,
           handleRemoteVideoAvailable
         });
-        await trtc.startLocalAudio();
-        if (isAudio.value)
-          return;
-        await trtc.startLocalVideo({
-          view: selfVideoRef.value
-        });
+        await startLocalMedia(selfVideoRef.value);
       } catch (error) {
-        console.log("error :>> ", error);
-        $message.error(error);
+        console.error("Error setting up single video call:", error);
+        $message.error("\u8BBE\u7F6E\u89C6\u9891\u901A\u8BDD\u5931\u8D25");
         state.showVideo = false;
       }
     }
@@ -204,13 +195,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           handleRemoteUserExit,
           handleRemoteVideoAvailable
         });
-        await trtc.exitRoom();
-        await trtc.stopLocalAudio();
-        if (isAudio.value)
-          return;
-        await trtc.stopLocalVideo();
+        await exitRoom();
       } catch (error) {
-        console.log("error :>> ", error);
+        console.error("Error during video exit:", error);
       }
     }
     async function handleRemoteVideoAvailable(event) {
@@ -219,27 +206,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         streamType
       } = event;
       try {
-        await trtc.startRemoteVideo({
-          userId,
-          streamType,
-          view: videoRef.value
-        });
+        if (streamType === MAIN_STREAM_TYPE && videoRef.value) {
+          await trtc.startRemoteVideo({
+            userId,
+            streamType,
+            view: videoRef.value
+          });
+          console.log("Remote video rendered for user:", userId);
+        }
       } catch (error) {
-        console.log("error :>> ", error);
+        console.error("Error rendering remote video:", error);
       }
     }
     function handleRemoteAudioAvailable(event) {
+      console.log("Remote audio available:", event.userId);
     }
-    function handleRemoteUserEnter() {
-      isConnect.value = true;
-      startTimer();
+    function handleRemoteUserEnter(event) {
+      console.log("Remote user entered:", event.userId);
+      if (isCall.value) {
+        isConnect.value = true;
+        startTimer();
+      }
     }
     function handleRemoteUserExit(event) {
-      console.log("event :>> \u5BF9\u65B9\u5DF2\u6302\u65AD", event);
+      console.log("Remote user exited:", event.userId);
       handleExit();
     }
     function handleError(error) {
-      console.log("error :>> ", error);
+      console.error("TRTC error in single video:", error);
+      $message.error("\u89C6\u9891\u901A\u8BDD\u51FA\u73B0\u9519\u8BEF");
       state.showVideo = false;
     }
     watch(() => status.value, (value) => {

package/es/components/iho-chat/src/hooks/useVideo.d.ts

@@ -1,13 +1,32 @@
 import TRTC from 'trtc-sdk-v5';
 import { AnyFn } from '../../../../shared/types';
-type EventHandlers = {
+export interface RemoteUser {
+    id: string;
+    name: string;
+    hasVideo?: boolean;
+    hasAudio?: boolean;
+}
+export interface TRTCEvent {
+    userId: string;
+    streamType?: any;
+    available?: boolean;
+}
+export interface VideoEventHandlers {
     handleError: AnyFn;
     handleRemoteUserEnter: AnyFn;
     handleRemoteAudioAvailable: AnyFn;
     handleRemoteUserExit: AnyFn;
     handleRemoteVideoAvailable: AnyFn;
-};
-export declare function useVideo(): {
+    handleRemoteVideoUnavailable?: AnyFn;
+    handleRemoteAudioUnavailable?: AnyFn;
+}
+export interface VideoConfig {
+    isMultiple?: boolean;
+    enableRetry?: boolean;
+    retryDelay?: number;
+    maxRetries?: number;
+}
+export declare function useVideo(config?: VideoConfig): {
     state: {
         orgId: string | number;
         currentSessionItem: import("../../../../shared/types").AnyObject;
@@ -70,18 +89,43 @@ export declare function useVideo(): {
     timing: import("vue").Ref<string>;
     voiceClose: import("vue").Ref<boolean>;
     videocamClose: import("vue").Ref<boolean>;
+    isConnect: import("vue").Ref<boolean>;
     isAudio: import("vue").ComputedRef<boolean>;
     isCall: import("vue").ComputedRef<boolean>;
-    startTimer: () => void;
-    resetTimer: () => void;
-    toggleAudio: () => Promise<void>;
-    toggleVideo: () => Promise<void>;
     messageTypeText: import("vue").ComputedRef<"语音" | "视频">;
     time: {
         timer: any;
         seconds: number;
     };
-    installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: EventHandlers) => void;
-    uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: EventHandlers) => void;
+    remoteUsers: import("vue").Ref<{
+        id: string;
+        name: string;
+        hasVideo?: boolean | undefined;
+        hasAudio?: boolean | undefined;
+    }[]>;
+    videoRefs: import("vue").Ref<Map<string, HTMLElement>>;
+    startTimer: () => void;
+    resetTimer: () => void;
+    toggleAudio: () => Promise<void>;
+    toggleVideo: () => Promise<void>;
+    enterRoom: () => Promise<boolean>;
+    exitRoom: () => Promise<void>;
+    startLocalMedia: (selfVideoRef?: HTMLElement) => Promise<void>;
+    checkTRTCSupport: () => Promise<boolean>;
+    findUser: (userId: string) => RemoteUser | undefined;
+    addOrUpdateUser: (userId: string, updates: Partial<RemoteUser>) => void;
+    removeUser: (userId: string) => void;
+    tryRenderRemoteVideo: (userId: string) => Promise<void>;
+    stopRemoteVideo: (userId: string) => Promise<void>;
+    setVideoRef: (userId: string, el: HTMLElement | null) => void;
+    installEventHandlers: (handlers: VideoEventHandlers) => void;
+    uninstallEventHandlers: (handlers: VideoEventHandlers) => void;
+    cleanupAllResources: () => void;
+    checkAndRenderAllVideos: () => void;
+    forceRenderAllVideos: () => Promise<void>;
+    cleanupInvalidUsers: () => void;
+    isUserValid: (userId: string) => boolean;
+    startUserConnectionMonitoring: () => void;
+    stopUserConnectionMonitoring: () => void;
+    MAIN_STREAM_TYPE: any;
 };
-export {};