call-live-sdk1 0.0.6 → 0.0.8

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

@@ -25592,7 +25592,10 @@ const create$c = (createState) => createState ? createImpl(createState) : create
 var define_import_meta_env_default = {};
 const envConfig$1 = {
   // 环境名称
-  env: define_import_meta_env_default.VITE_ENV || "development",
+  env: "production",
+  // 地图相关配置
+  amapKey: define_import_meta_env_default.VITE_AMAP_KEY || "",
+  amapCode: define_import_meta_env_default.VITE_AMAP_CODE || "",
   // SDK 授权配置
   queenSdkKey: "hP7in57avgV12eJB7dff0052b8ac0481da28769b23b37bc77",
   // API 相关配置
@@ -25610,25 +25613,24 @@ var GlobalErrorType = /* @__PURE__ */ ((GlobalErrorType2) => {
   GlobalErrorType2["OTHER_ERROR"] = "other_error";
   return GlobalErrorType2;
 })(GlobalErrorType || {});
-const devSign = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlZGl0aW9uX2lkIjo0NywiZXhwIjoxNzY3NTgyODExLCJpYXQiOjE3NjY5NzgwMTEsIm5iZiI6MTc2Njk3ODAxMSwic3ViX3VzZXJpZCI6MCwidXNlcmlkIjoiMzg3MzU5ODkifQ.lB9hFdxAJUGt4eg9WugAlkyIWhPayqcOI15x1DToQFo";
 const envConfig = {
   callConfig: {
-    el: envConfig$1.env === "development" ? "root" : "",
-    sign: envConfig$1.env === "development" ? devSign : "",
-    liveId: envConfig$1.env === "development" ? 60974 : null,
-    title: envConfig$1.env === "development" ? "test" : "菲耀直播",
+    el: "",
+    sign: "",
+    liveId: null,
+    title: "菲耀直播",
     components: {
       chat: { enabled: true },
       team: { enabled: true },
       call: { enabled: true, inviteLink: "" }
     },
-    agentId: envConfig$1.env === "development" ? 38735989 : null,
+    agentId: null,
     apiDomain: envConfig$1.liveProxyUrl
   },
   guestConfig: {
     el: "",
-    liveId: envConfig$1.env === "development" ? null : 60974,
-    agentId: envConfig$1.env === "development" ? null : 38735989,
+    liveId: null,
+    agentId: null,
     apiDomain: envConfig$1.liveProxyUrl
   },
   styleConfig: {
@@ -46598,7 +46600,6 @@ const axiosInstance = axios.create({
   }
 });
 const setApiDomain = (apiDomain) => {
-  debugger;
   if (apiDomain) {
     axiosInstance.defaults.baseURL = apiDomain;
   }
@@ -82442,7 +82443,7 @@ const renderGridLayout = (ctx2, canvas, layout, get4) => {
       ctx2.strokeStyle = "rgba(51, 51, 51, 0.6)";
       ctx2.lineWidth = 2;
       ctx2.strokeRect(drawX, drawY, drawWidth, drawHeight);
-      if (!area.isVideoEnabled && area.domId.includes("screen")) {
+      if (!area.isVideoEnabled && !area.domId.includes("screen")) {
         get4().renderEmptyUserArea(ctx2, area, drawX, drawY, drawWidth, drawHeight);
       } else {
         const container = document.getElementById(area.domId);
@@ -82483,7 +82484,7 @@ const renderMainPlusListLayout = (ctx2, canvas, originalCanvas, layout, callConf
         return user.videoList && user.videoList.includes(mainCanvasId);
       });
       if (targetUser) {
-        if (!targetUser.isVideoEnabled && mainCanvasId.includes("screen")) {
+        if (!targetUser.isVideoEnabled && !mainCanvasId.includes("screen")) {
           get4().renderEmptyUserArea(
             ctx2,
             targetUser,
@@ -83696,16 +83697,6 @@ const useCallStore = create$c()(
         updateCallUser((callCurrentUser == null ? void 0 : callCurrentUser.rtc_userid) || "", {
           isScreenEnabled: newScreenState
         });
-        if (rtc && rtc.engine) {
-          await rtc.engine.sendRoomMessage(
-            JSON.stringify({
-              type: "screenShare",
-              data: {
-                isSharing: newScreenState
-              }
-            })
-          );
-        }
         return {
           success: true,
           message: newScreenState ? "屏幕共享已开启" : "屏幕共享已关闭",
@@ -83724,6 +83715,10 @@ const useCallStore = create$c()(
           return [];
         }
         if (user.rtc_userid === callConfig.rtc_userid && user.isAudioEnabled) {
+          console.log(
+            "本地麦克风音频",
+            rtc.engine.getLocalStreamTrack(StreamIndex$1.STREAM_INDEX_MAIN, "audio")
+          );
           result.push(rtc.engine.getLocalStreamTrack(StreamIndex$1.STREAM_INDEX_MAIN, "audio"));
         }
         if (user.rtc_userid === callConfig.rtc_userid && user.isScreenEnabled) {
@@ -83752,13 +83747,32 @@ const useCallStore = create$c()(
       console.log("连麦音频混流", b2);
       set3({ callAudioStreamsRef: b2 });
     },
-    handleRemoteUserPublishScreen: async (userId, isPublishing) => {
-      const { updateCallUser, rtc, callConfig, callAudioMixing } = get4();
-      await rtc.engine.subscribeScreen(userId, MediaType$1.AUDIO);
-      updateCallUser(userId, { isScreenEnabled: isPublishing });
-      if (callConfig.rule === "main") {
-        callAudioMixing();
-        eventBus.emit("audioMixing");
+    handleRemoteUserPublishScreen: async (event) => {
+      var _a2;
+      const { userId } = event;
+      const {
+        updateCallUser,
+        rtc,
+        callConfig,
+        callAudioMixing,
+        findCallUserById
+      } = get4();
+      const user = findCallUserById(userId);
+      if (user) {
+        updateCallUser(userId, {
+          isScreenEnabled: true
+        });
+        setTimeout(() => {
+          rtc == null ? void 0 : rtc.setRemoteScreenCapture(userId, userId + "screen");
+        }, 1e3);
+        if ((callConfig == null ? void 0 : callConfig.rule) === "main") {
+          await ((_a2 = rtc.engine) == null ? void 0 : _a2.subscribeScreen(userId, MediaType$1.AUDIO));
+          callAudioMixing();
+          eventBus.emit("audioMixing");
+        }
+        console.log("[CallStore] 远程用户屏幕共享设置完成:", userId);
+      } else {
+        console.warn("[CallStore] 未找到用户，无法设置屏幕共享:", userId);
       }
     },
     // 处理远程用户停止屏幕共享
@@ -195122,7 +195136,6 @@ class RtcClient {
    * @param {string} domId - 用于渲染视频的DOM元素ID
    */
   async setRemoteVideoPlayer(remoteUserId, domId, renderMode = VideoRenderMode.RENDER_MODE_HIDDEN, isMirror = false) {
-    console.log("setRemoteVideoPlayer", remoteUserId, domId, renderMode, isMirror);
     if (isMirror) {
       await this.engine.setRemoteVideoMirrorType(
         remoteUserId,
@@ -265848,8 +265861,6 @@ const Document$1 = ({
         file_name: option.file.name
       }
     });
-    console.log(option.file.type);
-    console.log(res);
     setLoading(true);
     window.addEventListener("beforeunload", handleBeforeUnload);
     const source = axios.CancelToken.source();
@@ -266177,6 +266188,9 @@ const DocumentControler = ({
     setDocumentIndex(selectedScene.documentIndex);
     handleImageClick(selectedScene.documentIndex);
   }, [currentScene]);
+  reactExports.useEffect(() => {
+    handleImageClick(documentIndex);
+  }, [documentIndex]);
   reactExports.useEffect(() => {
     if (!documentInfo.name) {
       setDocumentScrollLeft(0);
@@ -268159,14 +268173,14 @@ const LivePlayer = ({
         originX: "left",
         originY: "top",
         id: selection.id,
-        imageName: `【连麦嘉宾】${selection.label || selection.userId}${selection.streamIndex === "screen" ? "·屏幕" : "·摄像头"}`,
+        imageName: `【连麦嘉宾】${selection.userName}${selection.streamIndex === "screen" ? "·屏幕" : "·摄像头"}`,
         objectType: "videoSlot",
         element: videoElement,
         // 保存视频元素引用
         userId: selection.userId,
         countt: targetObject.countt + 1,
         streamIndex: selection.streamIndex,
-        userName: targetObject.nickname,
+        userName: selection.userName,
         objectCaching: false,
         // 禁用缓存（6.x 必须设置，否则视频帧静止）
         width: targetObject.width,
@@ -269151,7 +269165,7 @@ const LivePlayer = ({
               children: [/* @__PURE__ */ jsxRuntimeExports.jsx("video", {
                 className: "w-full h-full object-cover",
                 ref: videoRef
-              }), !(isMainCanvasUser == null ? void 0 : isMainCanvasUser.isVideoEnabled) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+              }), !(isMainCanvasUser == null ? void 0 : isMainCanvasUser.isVideoEnabled) && !mainCanvasId.includes("screen") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
                 className: "absolute inset-0 bg-gray-800 flex items-center justify-center",
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
                   className: "w-12 h-12 bg-gray-600 rounded-full flex items-center justify-center",
@@ -279524,11 +279538,19 @@ const CallUser = reactExports.memo(({
 }) => {
   const {
     toggleAudio,
+    callAudioMixing,
     callCurrentUser,
     callConfig,
     toggleVideo,
     getter
-  } = useCallStore();
+  } = useCallStore((state) => ({
+    toggleAudio: state.toggleAudio,
+    callAudioMixing: state.callAudioMixing,
+    callCurrentUser: state.callCurrentUser,
+    callConfig: state.callConfig,
+    toggleVideo: state.toggleVideo,
+    getter: state.getter
+  }));
   const [isEditing, setIsEditing] = reactExports.useState(false);
   const {
     handleUpdateName,
@@ -279665,7 +279687,12 @@ const CallUser = reactExports.memo(({
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: "flex items-center space-x-2",
       children: [isCurrentUser ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        onClick: () => toggleAudio(),
+        onClick: () => {
+          toggleAudio().then(() => {
+            callAudioMixing();
+            eventBus.emit("audioMixing");
+          });
+        },
         className: `cursor-pointer p-1 ${user.isAudioEnabled ? "text-green-500 hover:text-green-600" : "text-red-500 hover:text-red-600"}`,
         title: user.isAudioEnabled ? "点击静音" : "点击取消静音",
         children: user.isAudioEnabled ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1h, {
@@ -280306,7 +280333,7 @@ const MediaSettings = () => {
       staticMethods.error("美颜功能初始化失败");
     }
   }, [rtc]);
-  const handleBeautyToggle = reactExports.useCallback((enabled) => {
+  reactExports.useCallback((enabled) => {
     if (!beautyExtension || !beautyCompatible) {
       staticMethods.warning("美颜功能不可用");
       return;
@@ -280328,7 +280355,7 @@ const MediaSettings = () => {
       staticMethods.error("美颜开关操作失败");
     }
   }, [beautyExtension, beautyCompatible]);
-  const handleBeautyIntensityChange = reactExports.useCallback(
+  reactExports.useCallback(
     debounce$6((type4, value) => {
       if (!beautyExtension || !beautyCompatible) {
         return;
@@ -280534,102 +280561,6 @@ const MediaSettings = () => {
                   size: "small"
                 })]
               })
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: "mt-8 border-t pt-6",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                className: "mb-4",
-                children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("h3", {
-                  className: "text-lg font-medium mb-4 flex items-center",
-                  children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                    className: "mr-2",
-                    children: "🎨"
-                  }), "美颜设置", !beautyCompatible && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                    className: "ml-2 text-xs text-red-500 bg-red-50 px-2 py-1 rounded",
-                    children: "不支持"
-                  })]
-                }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                  className: "flex items-center justify-between mb-4",
-                  children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                    className: "text-sm",
-                    children: "启用美颜"
-                  }), /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, {
-                    checked: beautySettings.enabled,
-                    onChange: handleBeautyToggle,
-                    disabled: !beautyCompatible,
-                    size: "small"
-                  })]
-                }), beautySettings.enabled && beautyCompatible && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                  className: "space-y-4",
-                  children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                      className: "flex items-center justify-between mb-2",
-                      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                        className: "text-sm",
-                        children: "美白强度"
-                      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-                        className: "text-xs text-gray-500",
-                        children: [Math.round(beautySettings.whiteIntensity * 100), "%"]
-                      })]
-                    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Slider2, {
-                      min: 0,
-                      max: 1,
-                      step: 0.1,
-                      value: beautySettings.whiteIntensity,
-                      onChange: (value) => handleBeautyIntensityChange("white", value),
-                      tooltip: {
-                        formatter: (value) => `${Math.round((value || 0) * 100)}%`
-                      }
-                    })]
-                  }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                      className: "flex items-center justify-between mb-2",
-                      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                        className: "text-sm",
-                        children: "磨皮强度"
-                      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-                        className: "text-xs text-gray-500",
-                        children: [Math.round(beautySettings.smoothIntensity * 100), "%"]
-                      })]
-                    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Slider2, {
-                      min: 0,
-                      max: 1,
-                      step: 0.1,
-                      value: beautySettings.smoothIntensity,
-                      onChange: (value) => handleBeautyIntensityChange("smooth", value),
-                      tooltip: {
-                        formatter: (value) => `${Math.round((value || 0) * 100)}%`
-                      }
-                    })]
-                  }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-                      className: "flex items-center justify-between mb-2",
-                      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                        className: "text-sm",
-                        children: "锐化强度"
-                      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-                        className: "text-xs text-gray-500",
-                        children: [Math.round(beautySettings.sharpenIntensity * 100), "%"]
-                      })]
-                    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Slider2, {
-                      min: 0,
-                      max: 1,
-                      step: 0.1,
-                      value: beautySettings.sharpenIntensity,
-                      onChange: (value) => handleBeautyIntensityChange("sharpen", value),
-                      tooltip: {
-                        formatter: (value) => `${Math.round((value || 0) * 100)}%`
-                      }
-                    })]
-                  })]
-                }), !beautyCompatible && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, {
-                  message: "美颜功能不可用",
-                  description: "您的浏览器不支持美颜功能，请使用 Chrome 78+ 或其他兼容浏览器",
-                  type: "warning",
-                  showIcon: true,
-                  icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
-                  className: "mt-4"
-                })]
-              })
             })]
           })
         })
@@ -291478,8 +291409,7 @@ const useRoomMessageHandler = (params = {}) => {
     getter,
     callConfig,
     setCallUsers,
-    callUsers,
-    callCurrentUser
+    callUsers
   } = useCallStore((state) => ({
     toggleAudio: state.toggleAudio,
     toggleVideo: state.toggleVideo,
@@ -291951,9 +291881,10 @@ const useRoomMessageHandler = (params = {}) => {
       const {
         users
       } = data2.data;
-      console.log("同步到的用户列表", users);
+      console.log("同步到的用户列表", userId, users);
       if (userId === callConfig.host_rtc_userid) {
-        setCallUsers(users.map((v3) => v3.rtc_userid === callConfig.rtc_userid ? callCurrentUser : v3));
+        console.log("callCurrentUser", getter().callCurrentUser);
+        setCallUsers(users.map((v3) => v3.rtc_userid === callConfig.rtc_userid ? getter().callCurrentUser : v3));
       }
     }
   }, []);
@@ -292326,6 +292257,7 @@ const RtcJoomRoom = reactExports.memo(({
         }
         await ((_d2 = getter().rtc) == null ? void 0 : _d2.publishStream());
         if (callConfig.rule === "main") {
+          console.log("主播 发布 音视频流 ");
           callAudioMixing();
           eventBus.emit("audioMixing");
         }
@@ -292885,6 +292817,7 @@ const {
   Title
 } = Typography;
 const WebLiveLogin = () => {
+  console.log("env", envConfig$1);
   const [form] = Form2.useForm();
   const {
     setStatus,
@@ -292897,8 +292830,8 @@ const WebLiveLogin = () => {
     liveId,
     agentId
   } = useSdkStore((state) => ({
-    liveId: state.getLiveId(),
-    agentId: state.getAgentId()
+    liveId: state.guestConfig.liveId,
+    agentId: state.guestConfig.agentId
   }));
   const {
     setMainCanvasId,
@@ -295657,18 +295590,27 @@ const CanvasCameraForm = reactExports.forwardRef(({
   };
   const initQueenEngine = async () => {
     const queenEngineCanvas = document.getElementById("queenEngineCanvas");
+    if (!queenEngineCanvas) {
+      console.error("QueenEngine 画布不存在");
+      return;
+    }
     const queenEngine = new d$3();
     queenEngineRef.current = queenEngine;
-    queenEngine.init(envConfig$1.queenSdkKey, function() {
-      console.log("初始化完成", envConfig$1.queenSdkKey);
+    queenEngine.init(envConfig$1.queenSdkKey, function(result) {
+      console.log("QueenEngine 初始化完成", result);
       timer.current = setInterval(() => {
         queenRender();
       }, 30);
       queenEngine.setQueenBeautyType(e$3.SkinBuffing, true);
       queenEngine.setQueenBeautyType(e$3.SkinWhiting, true);
     }, function(progress) {
-      console.log(progress);
-    }, queenEngineCanvas);
+      console.log("QueenEngine 初始化进度:", progress);
+    }, queenEngineCanvas, function(error2) {
+      console.error("QueenEngine 初始化失败:", error2);
+      if ((error2 == null ? void 0 : error2.code) === "QUEEN_LICENSE_AUTH_FAILED") {
+        console.error("Queen SDK 授权失败，请检查授权密钥是否正确");
+      }
+    });
   };
   const previewCamera = async (deviceId) => {
     try {
@@ -304605,9 +304547,6 @@ const MetaItem = ({
     }
   }, [callConfig.isCall]);
   const targetUser = reactExports.useMemo(() => availableStreams.find((user) => user.rtc_userid === (selectedValue == null ? void 0 : selectedValue.split(fenge)[0])), [selectedValue, availableStreams]);
-  console.log("selectedValue?.split(fenge)[0]", selectedValue == null ? void 0 : selectedValue.split(fenge)[0]);
-  console.log("availableStreams", availableStreams);
-  console.log("targetUser", targetUser);
   reactExports.useEffect(() => {
     var _a3;
     if (item.objectType !== "videoSlot" || !livePlayerRef.current)
@@ -306095,53 +306034,6 @@ class CallLiveSdk {
       this.root = null;
     }
   }
-  /**
-   * 测试 API 错误（用于调试和验证错误处理机制）
-   * @param errorCode 错误代码
-   * @param errorMessage 错误信息
-   */
-  testApiError(errorCode = 500, errorMessage = "测试 API 错误") {
-    console.log(`测试触发 API 错误: ${errorCode} - ${errorMessage}`);
-    window.dispatchEvent(new CustomEvent("apiError", {
-      detail: {
-        code: errorCode,
-        message: errorMessage,
-        details: {
-          url: "/test/api/error",
-          method: "GET",
-          test: true
-        }
-      }
-    }));
-  }
-  /**
-   * 测试 Token 过期错误（用于调试和验证错误处理机制）
-   */
-  testTokenExpired() {
-    console.log("测试触发 Token 过期错误");
-    window.dispatchEvent(new CustomEvent("tokenExpired", {
-      detail: {
-        reason: "测试 Token 过期"
-      }
-    }));
-  }
-  /**
-   * 测试参数验证错误（用于调试和验证错误处理机制）
-   * @param errorMessage 错误信息
-   */
-  testParamValidationError(errorMessage = "测试参数验证错误") {
-    console.log(`测试触发参数验证错误: ${errorMessage}`);
-    window.dispatchEvent(new CustomEvent("paramValidationError", {
-      detail: {
-        message: errorMessage,
-        details: {
-          param: "test_param",
-          value: "invalid_value",
-          test: true
-        }
-      }
-    }));
-  }
 }
 class GuestCallSdk {
   constructor(config2) {
@@ -306153,7 +306045,7 @@ class GuestCallSdk {
     });
     this.config = config2;
     useSdkStore.setState({
-      guestConfig: this.config
+      guestConfig: config2
     });
     if (config2.apiDomain) {
       setApiDomain(config2.apiDomain);