call-live-sdk1 0.0.23 → 0.0.25

package/dist/call-live-sdk.es.js

@@ -303776,11 +303776,13 @@ const WebLiveLogin = () => {
     trailing: false
   }), [handleLoginCore]);
   reactExports.useEffect(() => {
-    document.body.style.minWidth = "100vw";
     return () => {
       handleLogin.cancel();
     };
   }, [handleLogin]);
+  reactExports.useEffect(() => {
+    window.log = [];
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: "web-live-login-container",
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -304863,6 +304865,11 @@ const UserVideoContainer = reactExports.memo(({
   className = "",
   videoId = ""
 }) => {
+  window.log.push({
+    com: "UserVideoContainer",
+    event: "UserVideoContainer mounted",
+    content: "进入UserVideoContainer组件"
+  });
   const {
     rtc,
     callConfig
@@ -304921,6 +304928,15 @@ const UserVideoContainer = reactExports.memo(({
       shouldMirror: +!noMirror
     });
     const isModeFit = user.rtc_userid === callConfig.drawing_board_id || (videoId == null ? void 0 : videoId.includes("screen")) || user.device === "pc";
+    window.log.push({
+      com: "UserVideoContainer",
+      params: {
+        user,
+        videoId
+      },
+      event: "isModeFit",
+      content: `isModeFit ${isModeFit}`
+    });
     if (user.rtc_userid === callConfig.rtc_userid) {
       rtc.engine.setLocalVideoPlayer((videoId == null ? void 0 : videoId.includes("screen")) ? StreamIndex$1.STREAM_INDEX_SCREEN : StreamIndex$1.STREAM_INDEX_MAIN, {
         userId: user.rtc_userid,
@@ -304938,6 +304954,20 @@ const UserVideoContainer = reactExports.memo(({
       });
       rtc == null ? void 0 : rtc.engine.setRemoteVideoMirrorType(user.rtc_userid, StreamIndex$1.STREAM_INDEX_MAIN, +!noMirror);
     }
+    window.log.push({
+      com: "UserVideoContainer",
+      params: {
+        StreamIndex: (videoId == null ? void 0 : videoId.includes("screen")) ? StreamIndex$1.STREAM_INDEX_SCREEN : StreamIndex$1.STREAM_INDEX_MAIN,
+        videoOption: {
+          userId: user.rtc_userid,
+          renderDom: videoId,
+          playerId: videoId,
+          renderMode: isModeFit ? VideoRenderMode.RENDER_MODE_FIT : VideoRenderMode.RENDER_MODE_HIDDEN
+        }
+      },
+      event: "setVideoPlayer",
+      content: `设置视频播放器 ${videoId}`
+    });
     return () => {
       if (user.rtc_userid === callConfig.rtc_userid) {
         rtc == null ? void 0 : rtc.engine.setLocalVideoPlayer((videoId == null ? void 0 : videoId.includes("screen")) ? StreamIndex$1.STREAM_INDEX_SCREEN : StreamIndex$1.STREAM_INDEX_MAIN, {
@@ -305618,6 +305648,11 @@ const LiveWaitingRoom = ({
 const MobileLive = reactExports.memo(({
   className = ""
 }) => {
+  window.log.push({
+    com: "MobileLive",
+    event: "MobileLive mounted",
+    content: "进入MobileLive组件"
+  });
   const {
     layoutMode,
     rtc,
@@ -305626,7 +305661,8 @@ const MobileLive = reactExports.memo(({
     setMainCanvasId,
     callConfig,
     callUsers,
-    toggleScreenShare
+    toggleScreenShare,
+    getter
   } = useCallStore((state) => ({
     layoutMode: state.layoutMode,
     rtc: state.rtc,
@@ -305638,7 +305674,8 @@ const MobileLive = reactExports.memo(({
     findCallUserById: state.findCallUserById,
     updateCallUser: state.updateCallUser,
     toggleScreenShare: state.toggleScreenShare,
-    updateCallConfig: state.updateCallConfig
+    updateCallConfig: state.updateCallConfig,
+    getter: state.getter
   }));
   const {
     setStatus
@@ -305695,7 +305732,12 @@ const MobileLive = reactExports.memo(({
     activeUsers
   } = useOnlineUsers();
   const setupVideoPlayer = reactExports.useCallback(async (videoId = mainCanvasId || "") => {
-    if (!rtc || !callConfig.rtc_userid || !videoId)
+    const {
+      callConfig: callConfig2,
+      rtc: rtc2,
+      callUsers: callUsers2
+    } = getter();
+    if (!rtc2 || !callConfig2.rtc_userid || !videoId)
       return;
     const _videoWapElement = document.getElementById(videoId);
     const _videoElement = _videoWapElement == null ? void 0 : _videoWapElement.querySelector("video");
@@ -305707,11 +305749,11 @@ const MobileLive = reactExports.memo(({
       videoElement = document.createElement("video");
       videoWapElement == null ? void 0 : videoWapElement.appendChild(videoElement);
     }
-    const callUser = callUsers.find((user) => user.videoList.includes(videoId));
+    const callUser = callUsers2.find((user) => user.videoList.includes(videoId));
     const index2 = callUser == null ? void 0 : callUser.videoList.findIndex((id3) => id3 === videoId);
     if (
       // 画板
-      (callUser == null ? void 0 : callUser.rtc_userid) !== callConfig.drawing_board_id && // 共享屏幕
+      (callUser == null ? void 0 : callUser.rtc_userid) !== callConfig2.drawing_board_id && // 共享屏幕
       index2 !== 1 && // 开镜像
       (callUser == null ? void 0 : callUser.isMirror)
     ) {
@@ -305720,7 +305762,7 @@ const MobileLive = reactExports.memo(({
       videoElement.style.transform = "scaleX(1)";
     }
     videoElement.className = "w-full h-full ";
-    const isModeFit = callUser.rtc_userid === callConfig.drawing_board_id || index2 === 1 || callUser.device === "pc";
+    const isModeFit = callUser.rtc_userid === callConfig2.drawing_board_id || index2 === 1 || callUser.device === "pc";
     debugger;
     videoElement.style.objectFit = isModeFit ? "contain" : "cover";
     videoElement.setAttribute("playsinline", "");
@@ -305738,8 +305780,10 @@ const MobileLive = reactExports.memo(({
     }
   }, [mainCanvasId, callConfig.isVideoEnabled, isBackCamera]);
   reactExports.useEffect(() => {
-    document.body.style.minWidth = "100vw";
-  }, [callConfig]);
+    window.callUsers = callUsers;
+    window.callConfig = callConfig;
+    window.rtc = rtc;
+  }, [callUsers, callConfig, rtc]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider$1, {
     theme: {
       algorithm: theme.darkAlgorithm,