yjz-web-sdk 1.0.9-beta.5 → 1.0.11-beta.1

package/lib/yjz-web-sdk.js

@@ -1,4 +1,7 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".vContainer[data-v-92723927]{transition:transform .2s linear;transform-origin:center center;margin:0;overflow:hidden;transform:translateZ(0);will-change:transform}.flex[data-v-92723927]{display:flex}.flex-1[data-v-92723927]{flex:1 1 0}.items-center[data-v-92723927]{align-items:center}.justify-center[data-v-92723927]{justify-content:center}.canvas-control[data-v-92723927]{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;object-fit:cover;backface-visibility:hidden;transform:translateZ(0);clip-path:inset(0 1px)}.circle-cursor[data-v-92723927]{cursor:url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23fff'%20opacity='.6'/%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%23000'%20opacity='.6'/%3e%3c/svg%3e\") 12 12,auto}.triangle-cursor[data-v-92723927]{cursor:url(\"data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%3e%3cpath%20d='M143.832313%205.834982H143.686438A108.676545%20108.676545%200%200%200%205.834982%20143.686438l34.499333-11.815839-34.499333%2011.815839%200.072938%200.218812%200.145874%200.437624%200.583498%201.750494%202.333993%206.71023%208.752474%2025.528047L49.232663%20269.867929a2254749.467572%202254749.467572%200%200%201%20223.917444%20652.351017l9.335972%2027.205605%202.552804%207.585476%200.729373%202.188119a72.572592%2072.572592%200%200%200%20126.181491%2040.844876%2072.134968%2072.134968%200%200%200%2014.076895-18.963693c3.282178-6.41848%205.689108-13.639271%208.023101-20.3495l0.072937-0.291749%2072.572592-209.329989%2047.409231-136.830334%2015.53564-44.710551%200.145874-0.364687%200.510561-0.145874%2045.002301-15.900327%20137.486769-48.649165c99.340573-35.228705%20202.984445-71.989094%20209.913487-74.906584l3.355115-1.312871c8.023101-3.136303%2022.391744-8.606599%2033.915834-20.130689a72.499655%2072.499655%200%200%200%200-102.549813L999.240712%20304.877823c-1.823432-1.969307-7.293728-7.731351-13.274585-11.961714a89.056417%2089.056417%200%200%200-27.205605-12.3264h-0.145874l-2.552805-0.875247L948.184617%20277.161657l-27.86204-9.263034-94.672588-31.800653A405018.007245%20405018.007245%200%200%201%20268.919745%2048.138604L178.039896%2017.504947%20152.657723%208.752473%20145.874556%206.637292%20144.196999%205.90792%20143.832313%205.834982z'%20fill='%23000000'%20opacity='.7'%3e%3c/path%3e%3c/svg%3e\") 1 1,auto}.default-cursor[data-v-92723927]{cursor:default}.no-events[data-v-92723927]{pointer-events:none!important}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".vContainer[data-v-611728c2]{transition:transform .2s linear;transform-origin:center center;margin:0;overflow:hidden;transform:translateZ(0);will-change:transform}.flex[data-v-611728c2]{display:flex}.flex-1[data-v-611728c2]{flex:1 1 0}.items-center[data-v-611728c2]{align-items:center}.justify-center[data-v-611728c2]{justify-content:center}.video-control[data-v-611728c2]{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;object-fit:cover;clip-path:inset(0 1px);-webkit-user-drag:none;touch-action:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.circle-cursor[data-v-611728c2]{cursor:url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23fff'%20opacity='.6'/%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%23000'%20opacity='.6'/%3e%3c/svg%3e\") 12 12,auto}.triangle-cursor[data-v-611728c2]{cursor:url(\"data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%3e%3cpath%20d='M143.832313%205.834982H143.686438A108.676545%20108.676545%200%200%200%205.834982%20143.686438l34.499333-11.815839-34.499333%2011.815839%200.072938%200.218812%200.145874%200.437624%200.583498%201.750494%202.333993%206.71023%208.752474%2025.528047L49.232663%20269.867929a2254749.467572%202254749.467572%200%200%201%20223.917444%20652.351017l9.335972%2027.205605%202.552804%207.585476%200.729373%202.188119a72.572592%2072.572592%200%200%200%20126.181491%2040.844876%2072.134968%2072.134968%200%200%200%2014.076895-18.963693c3.282178-6.41848%205.689108-13.639271%208.023101-20.3495l0.072937-0.291749%2072.572592-209.329989%2047.409231-136.830334%2015.53564-44.710551%200.145874-0.364687%200.510561-0.145874%2045.002301-15.900327%20137.486769-48.649165c99.340573-35.228705%20202.984445-71.989094%20209.913487-74.906584l3.355115-1.312871c8.023101-3.136303%2022.391744-8.606599%2033.915834-20.130689a72.499655%2072.499655%200%200%200%200-102.549813L999.240712%20304.877823c-1.823432-1.969307-7.293728-7.731351-13.274585-11.961714a89.056417%2089.056417%200%200%200-27.205605-12.3264h-0.145874l-2.552805-0.875247L948.184617%20277.161657l-27.86204-9.263034-94.672588-31.800653A405018.007245%20405018.007245%200%200%201%20268.919745%2048.138604L178.039896%2017.504947%20152.657723%208.752473%20145.874556%206.637292%20144.196999%205.90792%20143.832313%205.834982z'%20fill='%23000000'%20opacity='.7'%3e%3c/path%3e%3c/svg%3e\") 1 1,auto}.default-cursor[data-v-611728c2]{cursor:default}.no-events[data-v-611728c2]{pointer-events:none!important}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { computed, onMounted, onUnmounted, ref, onBeforeUnmount, defineComponent, toRefs, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref, normalizeClass } from "vue";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
@@ -28,7 +31,7 @@ function requireEventemitter3() {
   if (hasRequiredEventemitter3) return eventemitter3.exports;
   hasRequiredEventemitter3 = 1;
   (function(module) {
-    var has2 = Object.prototype.hasOwnProperty, prefix = "~";
+    var has = Object.prototype.hasOwnProperty, prefix = "~";
     function Events() {
     }
     if (Object.create) {
@@ -62,7 +65,7 @@ function requireEventemitter3() {
       var names = [], events, name;
       if (this._eventsCount === 0) return names;
       for (name in events = this._events) {
-        if (has2.call(events, name)) names.push(prefix ? name.slice(1) : name);
+        if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);
       }
       if (Object.getOwnPropertySymbols) {
         return names.concat(Object.getOwnPropertySymbols(events));
@@ -187,8 +190,7 @@ function requireEventemitter3() {
 }
 var eventemitter3Exports = requireEventemitter3();
 const EventEmitter = /* @__PURE__ */ getDefaultExportFromCjs(eventemitter3Exports);
-var MessageType;
-(function(MessageType2) {
+var MessageType = /* @__PURE__ */ ((MessageType2) => {
   MessageType2["Peers"] = "Peers";
   MessageType2["Offer"] = "Offer";
   MessageType2["Answer"] = "Answer";
@@ -201,9 +203,9 @@ var MessageType;
   MessageType2["KickOut"] = "KickOut";
   MessageType2["GroupPeersMessage"] = "GroupPeer";
   MessageType2["Error"] = "Error";
-})(MessageType || (MessageType = {}));
-var SendType;
-(function(SendType2) {
+  return MessageType2;
+})(MessageType || {});
+var SendType = /* @__PURE__ */ ((SendType2) => {
   SendType2["SignIn"] = "SignIn";
   SendType2["SignOut"] = "SignOut";
   SendType2["Answer"] = "Answer";
@@ -217,25 +219,15 @@ var SendType;
   SendType2["GroupSendAction"] = "GroupSendAction";
   SendType2["SwitchControlToMain"] = "SwitchControlToMain";
   SendType2["GroupAcceptControl"] = "GroupAcceptControl";
-})(SendType || (SendType = {}));
-var ConnectorType;
-(function(ConnectorType2) {
+  return SendType2;
+})(SendType || {});
+var ConnectorType = /* @__PURE__ */ ((ConnectorType2) => {
   ConnectorType2["WebRTC"] = "webrtc";
   ConnectorType2["LanForwarding"] = "lanForwarding";
   ConnectorType2["Hybrid"] = "hybrid";
-})(ConnectorType || (ConnectorType = {}));
-var IceConnectionState;
-(function(IceConnectionState2) {
-  IceConnectionState2["NEW"] = "new";
-  IceConnectionState2["CHECKING"] = "checking";
-  IceConnectionState2["CONNECTED"] = "connected";
-  IceConnectionState2["COMPLETED"] = "completed";
-  IceConnectionState2["DISCONNECTED"] = "disconnected";
-  IceConnectionState2["FAILED"] = "failed";
-  IceConnectionState2["CLOSED"] = "closed";
-})(IceConnectionState || (IceConnectionState = {}));
-var FailCode;
-(function(FailCode2) {
+  return ConnectorType2;
+})(ConnectorType || {});
+var FailCode = /* @__PURE__ */ ((FailCode2) => {
   FailCode2[FailCode2["SOCKET"] = 10001] = "SOCKET";
   FailCode2[FailCode2["SOCKET_CLOSE"] = 10002] = "SOCKET_CLOSE";
   FailCode2[FailCode2["CREATE_OFFER"] = 10003] = "CREATE_OFFER";
@@ -254,32 +246,87 @@ var FailCode;
   FailCode2[FailCode2["KICK_OUT_ERR"] = 10016] = "KICK_OUT_ERR";
   FailCode2[FailCode2["STATE_ERR"] = 10017] = "STATE_ERR";
   FailCode2[FailCode2["OPTION_ERR"] = 10018] = "OPTION_ERR";
-})(FailCode || (FailCode = {}));
+  return FailCode2;
+})(FailCode || {});
 const FailInfoMap = {
-  [FailCode.SOCKET]: { type: "socket", description: "WebSocket连接失败" },
-  [FailCode.SOCKET_CLOSE]: { type: "socket_close", description: "WebSocket已关闭" },
-  [FailCode.CREATE_OFFER]: { type: "createOffer", description: "创建offer失败" },
-  [FailCode.HANDLE_OFFER]: { type: "handleOffer", description: "处理offer失败" },
-  [FailCode.CREATE_ANSWER]: { type: "createAnswer", description: "创建answer失败" },
-  [FailCode.HANDLE_ANSWER]: { type: "handleAnswer", description: "处理answer失败" },
-  [FailCode.LOCAL_DES]: { type: "setLocalDescription", description: "设置本地描述失败" },
-  [FailCode.REMOTE_DES]: { type: "setRemoteDescription", description: "设置远端描述失败" },
-  [FailCode.HANDLE_ICE]: { type: "handleICE", description: "处理 ICE 失败" },
-  [FailCode.ICE_STATE]: { type: "iceState", description: "ICE 状态异常" },
-  [FailCode.CAMERA]: { type: "camera", description: "摄像头异常" },
-  [FailCode.NOT_AVAILABLE]: { type: "notAvailable", description: "网络环境异常" },
-  [FailCode.DATACHANNEL_ERR]: { type: "datachannel_err", description: "信令通道错误" },
-  [FailCode.STREAM_STATE]: { type: "stream_state", description: "webrtc统计信息获取失败" },
-  [FailCode.AUTH_FAILED]: { type: "auth_failed", description: "鉴权失败" },
-  [FailCode.KICK_OUT_ERR]: { type: "kick_out_err", description: "被踢出投屏房间" },
-  [FailCode.STATE_ERR]: { type: "state_err", description: "云机无响应，请联系客服" },
-  [FailCode.OPTION_ERR]: { type: "option_err", description: "投屏配置异常，请检查配置" }
+  [
+    10001
+    /* SOCKET */
+  ]: { type: "socket", description: "WebSocket连接失败" },
+  [
+    10002
+    /* SOCKET_CLOSE */
+  ]: { type: "socket_close", description: "WebSocket已关闭" },
+  [
+    10003
+    /* CREATE_OFFER */
+  ]: { type: "createOffer", description: "创建offer失败" },
+  [
+    10004
+    /* HANDLE_OFFER */
+  ]: { type: "handleOffer", description: "处理offer失败" },
+  [
+    10005
+    /* CREATE_ANSWER */
+  ]: { type: "createAnswer", description: "创建answer失败" },
+  [
+    10006
+    /* HANDLE_ANSWER */
+  ]: { type: "handleAnswer", description: "处理answer失败" },
+  [
+    10007
+    /* LOCAL_DES */
+  ]: { type: "setLocalDescription", description: "设置本地描述失败" },
+  [
+    10008
+    /* REMOTE_DES */
+  ]: { type: "setRemoteDescription", description: "设置远端描述失败" },
+  [
+    10009
+    /* HANDLE_ICE */
+  ]: { type: "handleICE", description: "处理 ICE 失败" },
+  [
+    10010
+    /* ICE_STATE */
+  ]: { type: "iceState", description: "ICE 状态异常" },
+  [
+    10011
+    /* CAMERA */
+  ]: { type: "camera", description: "摄像头异常" },
+  [
+    10012
+    /* NOT_AVAILABLE */
+  ]: { type: "notAvailable", description: "网络环境异常" },
+  [
+    10013
+    /* DATACHANNEL_ERR */
+  ]: { type: "datachannel_err", description: "信令通道错误" },
+  [
+    10014
+    /* STREAM_STATE */
+  ]: { type: "stream_state", description: "webrtc统计信息获取失败" },
+  [
+    10015
+    /* AUTH_FAILED */
+  ]: { type: "auth_failed", description: "鉴权失败" },
+  [
+    10016
+    /* KICK_OUT_ERR */
+  ]: { type: "kick_out_err", description: "被踢出投屏房间" },
+  [
+    10017
+    /* STATE_ERR */
+  ]: { type: "state_err", description: "云机无响应，请联系客服" },
+  [
+    10018
+    /* OPTION_ERR */
+  ]: { type: "option_err", description: "投屏配置异常，请检查配置" }
 };
-var CameraFailCode;
-(function(CameraFailCode2) {
+var CameraFailCode = /* @__PURE__ */ ((CameraFailCode2) => {
   CameraFailCode2[CameraFailCode2["LOCAL_STREAM_FAIL"] = 20001] = "LOCAL_STREAM_FAIL";
   CameraFailCode2[CameraFailCode2["CAMERA_STREAM_FAIL"] = 20002] = "CAMERA_STREAM_FAIL";
-})(CameraFailCode || (CameraFailCode = {}));
+  return CameraFailCode2;
+})(CameraFailCode || {});
 function createWebRtcError(code, rawError) {
   const info = FailInfoMap[code];
   return {
@@ -295,8 +342,7 @@ function createCameraError(code, message) {
     message
   };
 }
-var EmitType;
-(function(EmitType2) {
+var EmitType = /* @__PURE__ */ ((EmitType2) => {
   EmitType2["signalMessage"] = "signalMessage";
   EmitType2["webrtcError"] = "webrtcError";
   EmitType2["cameraError"] = "cameraError";
@@ -311,17 +357,17 @@ var EmitType;
   EmitType2["screenshot"] = "screenshot";
   EmitType2["reconnect"] = "reconnect";
   EmitType2["groupError"] = "groupError";
-  EmitType2["arrayBuffer"] = "arrayBuffer";
-})(EmitType || (EmitType = {}));
-var LogLevel;
-(function(LogLevel2) {
+  return EmitType2;
+})(EmitType || {});
+var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
   LogLevel2[LogLevel2["DEBUG"] = 10] = "DEBUG";
   LogLevel2[LogLevel2["INFO"] = 20] = "INFO";
   LogLevel2[LogLevel2["WARN"] = 30] = "WARN";
   LogLevel2[LogLevel2["ERROR"] = 40] = "ERROR";
   LogLevel2[LogLevel2["OFF"] = 100] = "OFF";
-})(LogLevel || (LogLevel = {}));
-let globalLogLevel = LogLevel.DEBUG;
+  return LogLevel2;
+})(LogLevel || {});
+let globalLogLevel = 10;
 let globalEnable = true;
 let globalNamespace = "SDK";
 function setLogLevel(level) {
@@ -331,56 +377,74 @@ function enableLog(enable) {
   globalEnable = enable;
 }
 const levelStyle = {
-  [LogLevel.DEBUG]: "color: #999",
-  [LogLevel.INFO]: "color: #2b90d9",
-  [LogLevel.WARN]: "color: #e6a23c",
-  [LogLevel.ERROR]: "color: #f56c6c",
-  [LogLevel.OFF]: "color: inherit"
+  [
+    10
+    /* DEBUG */
+  ]: "color: #999",
+  [
+    20
+    /* INFO */
+  ]: "color: #2b90d9",
+  [
+    30
+    /* WARN */
+  ]: "color: #e6a23c",
+  [
+    40
+    /* ERROR */
+  ]: "color: #f56c6c",
+  [
+    100
+    /* OFF */
+  ]: "color: inherit"
 };
 class LoggerCore {
   canLog(level) {
     return globalEnable && level >= globalLogLevel;
   }
   log(level, ...args) {
-    if (!this.canLog(level))
-      return;
+    if (!this.canLog(level)) return;
     const levelName = LogLevel[level];
     const prefix = `%c[${globalNamespace}] [${levelName}]`;
     const style = levelStyle[level];
     switch (level) {
-      case LogLevel.DEBUG:
+      case 10:
         console.log(prefix, style, ...args);
         break;
-      case LogLevel.INFO:
+      case 20:
         console.info(prefix, style, ...args);
         break;
-      case LogLevel.WARN:
+      case 30:
         console.warn(prefix, style, ...args);
         break;
-      case LogLevel.ERROR:
+      case 40:
         console.error(prefix, style, ...args);
         break;
     }
   }
   debug(...args) {
-    this.log(LogLevel.DEBUG, ...args);
+    this.log(10, ...args);
   }
   info(...args) {
-    this.log(LogLevel.INFO, ...args);
+    this.log(20, ...args);
   }
   warn(...args) {
-    this.log(LogLevel.WARN, ...args);
+    this.log(30, ...args);
   }
   error(...args) {
-    this.log(LogLevel.ERROR, ...args);
+    this.log(40, ...args);
   }
 }
 const Logger = new LoggerCore();
 class SignalingClient extends EventEmitter {
   constructor(config) {
     super();
-    this.webSocket = null;
-    this.timeout = null;
+    // 私有属性 config，用于存储 WebRTC 配置信息
+    __publicField(this, "config");
+    // 根据实际情况替换为具体配置类型
+    // 私有属性 webSocket，用于存储 WebSocket 连接实例，初始值为 null
+    __publicField(this, "webSocket", null);
+    __publicField(this, "timeout", null);
     this.config = config;
   }
   /**
@@ -817,9 +881,9 @@ function shimGetUserMedia$2(window2, browserDetails) {
     }
     return cc;
   };
-  const shimConstraints_ = function(constraints, func2) {
+  const shimConstraints_ = function(constraints, func) {
     if (browserDetails.version >= 61) {
-      return func2(constraints);
+      return func(constraints);
     }
     constraints = JSON.parse(JSON.stringify(constraints));
     if (constraints && typeof constraints.audio === "object") {
@@ -858,14 +922,14 @@ function shimGetUserMedia$2(window2, browserDetails) {
             }
             constraints.video = constraintsToChrome_(constraints.video);
             logging("chrome: " + JSON.stringify(constraints));
-            return func2(constraints);
+            return func(constraints);
           });
         }
       }
       constraints.video = constraintsToChrome_(constraints.video);
     }
     logging("chrome: " + JSON.stringify(constraints));
-    return func2(constraints);
+    return func(constraints);
   };
   const shimError_ = function(e) {
     if (browserDetails.version >= 64) {
@@ -3025,8 +3089,8 @@ function shimParameterlessSetLocalDescription(window2, browserDetails) {
     if (desc.sdp || desc.type !== "offer" && desc.type !== "answer") {
       return nativeSetLocalDescription.apply(this, [desc]);
     }
-    const func2 = desc.type === "offer" ? this.createOffer : this.createAnswer;
-    return func2.apply(this).then((d) => nativeSetLocalDescription.apply(this, [d]));
+    const func = desc.type === "offer" ? this.createOffer : this.createAnswer;
+    return func.apply(this).then((d) => nativeSetLocalDescription.apply(this, [d]));
   };
 }
 const commonShim = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -3140,6 +3204,52 @@ function adapterFactory({ window: window2 } = {}, options = {
   return adapter;
 }
 adapterFactory({ window: typeof window === "undefined" ? void 0 : window });
+class WebRTCConfig {
+  constructor(options) {
+    __publicField(this, "signalServerUrl");
+    __publicField(this, "myId");
+    __publicField(this, "roomId");
+    __publicField(this, "targetId");
+    __publicField(this, "stunServerUri");
+    __publicField(this, "stunServerUriAli");
+    __publicField(this, "stunServerUriTel");
+    __publicField(this, "turnServerUri");
+    __publicField(this, "turnServerUserName");
+    __publicField(this, "turnServerPassword");
+    __publicField(this, "token");
+    __publicField(this, "connectorType");
+    __publicField(this, "mainRoomIdOfGroup");
+    __publicField(this, "subRoomIdsOfGroup");
+    __publicField(this, "mainCloudMyId");
+    __publicField(this, "connectorAndRoomId");
+    __publicField(this, "groupId");
+    __publicField(this, "isGroup");
+    __publicField(this, "turnKey");
+    __publicField(this, "traceId", "");
+    __publicField(this, "signAgain");
+    this.signalServerUrl = options.signalServerUrl || "";
+    this.myId = options.myId || "";
+    this.roomId = options.roomId || "";
+    this.targetId = options.targetId || "";
+    this.turnKey = options.turnKey || [];
+    this.stunServerUri = options.stunServerUri || "stun:stun.l.google.com:19302";
+    this.stunServerUriAli = options.stunServerUriAli || "stun:stun.middle.aliyun.com:3478";
+    this.stunServerUriTel = options.stunServerUriTel || "stun:stun.qq.com:3478";
+    this.turnServerUri = options.turnServerUri || "turn:121.37.25.106:3478";
+    this.turnServerUserName = options.turnServerUserName || "yangyj";
+    this.turnServerPassword = options.turnServerPassword || "hb@2025@168";
+    this.token = options.token;
+    this.connectorType = options.connectorType || ConnectorType.WebRTC;
+    this.mainRoomIdOfGroup = options.mainRoomIdOfGroup;
+    this.subRoomIdsOfGroup = options.subRoomIdsOfGroup;
+    this.connectorAndRoomId = options.connectorAndRoomId;
+    this.mainCloudMyId = options.mainCloudMyId;
+    this.groupId = options.groupId;
+    this.isGroup = options.isGroup;
+    this.traceId = options.traceId || "";
+    this.signAgain = options.signAgain || true;
+  }
+}
 const setRemoteDescriptionWithHandleOffer = (peerConnection, sdp2, sendAnswer, onError) => {
   Logger.info("信息日志：", "设置远程offer Description=======>");
   const description = new RTCSessionDescription({ type: "offer", sdp: sdp2 });
@@ -3169,7 +3279,7 @@ const createPeerConnection = (config) => {
   ];
   const peerConnectionConfig = {
     iceServers,
-    iceTransportPolicy: "all",
+    iceTransportPolicy: "relay",
     bundlePolicy: "max-bundle"
   };
   return new RTCPeerConnection(peerConnectionConfig);
@@ -3211,7 +3321,7 @@ const setRemoteDescriptionWithHandleAnswer = (peerConnection, sdp2, onError) =>
 };
 const createOffer = async (peerConnection, sendOfferMessage) => {
   try {
-    const offer = await peerConnection.createOffer({ "offerToReceiveAudio": true, "offerToReceiveVideo": true });
+    const offer = await peerConnection.createOffer();
     await setLocalDescriptionWithCreateOffer(peerConnection, offer, sendOfferMessage);
   } catch (err) {
     throw new Error("摄像头视频流添加失败");
@@ -3230,8 +3340,7 @@ const addIceCandidate = (peerConnection, candidate, onError) => {
   Logger.info("信息日志：", "接收远程ice 并设置=======>");
   peerConnection.addIceCandidate(candidate).catch((err) => onError == null ? void 0 : onError(createWebRtcError(FailCode.HANDLE_ICE, err)));
 };
-var ChannelDataType;
-(function(ChannelDataType2) {
+var ChannelDataType = /* @__PURE__ */ ((ChannelDataType2) => {
   ChannelDataType2["ClickData"] = "ClickData";
   ChannelDataType2["ClipboardData"] = "ClipboardData";
   ChannelDataType2["ActionCommand"] = "ActionCommand";
@@ -3245,27 +3354,27 @@ var ChannelDataType;
   ChannelDataType2["ActionUpdateCloudStatus"] = "ActionUpdateCloudStatus";
   ChannelDataType2["ActionGesture"] = "ActionGesture";
   ChannelDataType2["ActionTrack"] = "ActionTrack";
-  ChannelDataType2["RequestKeyFrame"] = "RequestKeyFrame";
-})(ChannelDataType || (ChannelDataType = {}));
-var ActionCommandEventValue;
-(function(ActionCommandEventValue2) {
+  return ChannelDataType2;
+})(ChannelDataType || {});
+var ActionCommandEventValue = /* @__PURE__ */ ((ActionCommandEventValue2) => {
   ActionCommandEventValue2["ENABLE"] = "ENABLE";
   ActionCommandEventValue2["DISABLE"] = "DISABLE";
-})(ActionCommandEventValue || (ActionCommandEventValue = {}));
-var ActionCommandType;
-(function(ActionCommandType2) {
+  return ActionCommandEventValue2;
+})(ActionCommandEventValue || {});
+var ActionCommandType = /* @__PURE__ */ ((ActionCommandType2) => {
   ActionCommandType2["ActionBack"] = "ActionBack";
   ActionCommandType2["ActionHome"] = "ActionHome";
   ActionCommandType2["ActionRecent"] = "ActionRecent";
   ActionCommandType2["ActionSwitchNavButtons"] = "ActionSwitchNavButtons";
   ActionCommandType2["ActionSwitchNavGestural"] = "ActionSwitchNavGestural";
-})(ActionCommandType || (ActionCommandType = {}));
-var ActionCommandEventType;
-(function(ActionCommandEventType2) {
+  return ActionCommandType2;
+})(ActionCommandType || {});
+var ActionCommandEventType = /* @__PURE__ */ ((ActionCommandEventType2) => {
   ActionCommandEventType2["ACTION_CONTROL_VIDEO_AND_AUDIO"] = "ACTION_CONTROL_VIDEO_AND_AUDIO";
   ActionCommandEventType2["ACTION_CONTROL_VIDEO"] = "ACTION_CONTROL_VIDEO";
   ActionCommandEventType2["ACTION_CONTROL_AUDIO"] = "ACTION_CONTROL_AUDIO";
-})(ActionCommandEventType || (ActionCommandEventType = {}));
+  return ActionCommandEventType2;
+})(ActionCommandEventType || {});
 const ActionType = {
   ACTION_DOWN: 0,
   ACTION_MOVE: 2,
@@ -3281,6 +3390,14 @@ const ContainerDirection = {
 };
 class TouchData {
   constructor(action, p, x, y, offsetTime, type = "adb", index2 = -1, groupIndex = -1) {
+    __publicField(this, "action");
+    __publicField(this, "p");
+    __publicField(this, "x");
+    __publicField(this, "y");
+    __publicField(this, "offsetTime");
+    __publicField(this, "type");
+    __publicField(this, "index");
+    __publicField(this, "groupIndex");
     this.action = action;
     this.p = p;
     this.x = x;
@@ -3293,37 +3410,47 @@ class TouchData {
 }
 class InputData {
   constructor(text) {
+    __publicField(this, "text");
     this.text = text;
   }
 }
 class WheelData {
   constructor(axis) {
+    __publicField(this, "axis");
     this.axis = axis;
   }
 }
 class TrackEventData {
   constructor(visible) {
+    __publicField(this, "visible");
     this.visible = visible;
   }
 }
 class KeyEventData {
   constructor(keyCode, meta) {
+    __publicField(this, "keyCode");
+    __publicField(this, "meta");
     this.keyCode = keyCode;
     this.meta = meta;
   }
 }
 class GestureData {
   constructor(mode) {
+    __publicField(this, "mode");
     this.mode = mode;
   }
 }
 class ClarityData {
   constructor(level) {
+    __publicField(this, "level");
     this.level = level;
   }
 }
 class ChannelData {
   constructor(type, data = null, myId = null) {
+    __publicField(this, "type");
+    __publicField(this, "data");
+    __publicField(this, "myId");
     this.type = type;
     this.data = data;
     this.myId = myId;
@@ -3345,10 +3472,10 @@ class ChannelData {
      * @param touchData 触摸数据，可以是任意类型
      */
   static click(touchData) {
-    return new ChannelData(ChannelDataType.ClickData, this.formatData(touchData), "");
+    return new ChannelData("ClickData", this.formatData(touchData), "");
   }
   static action(actionData) {
-    return new ChannelData(ChannelDataType.ActionCommand, this.formatData(actionData), "");
+    return new ChannelData("ActionCommand", this.formatData(actionData), "");
   }
   /**
      * 生成剪贴板数据
@@ -3356,57 +3483,54 @@ class ChannelData {
      */
   static clipboard(data) {
     console.log(`剪贴板数据，可以是字符串或其他类型 ${data}`);
-    return new ChannelData(ChannelDataType.ClipboardData, this.formatData(data), "");
+    return new ChannelData("ClipboardData", this.formatData(data), "");
   }
   /**
      * 生成输入数据
      * @param data 输入数据对象
      */
   static input(data, myId) {
-    return new ChannelData(ChannelDataType.ActionInput, this.formatData(data), myId);
+    return new ChannelData("ActionInput", this.formatData(data), myId);
   }
   /**
      * 生成鼠标滚动数据
      * @param data 输入数据对象
      */
   static wheel(data) {
-    return new ChannelData(ChannelDataType.ActionWheel, this.formatData(data));
+    return new ChannelData("ActionWheel", this.formatData(data));
   }
   /**
      * 切换手势模式数据
      * @param data 输入数据对象
      */
   static gesture(data) {
-    return new ChannelData(ChannelDataType.ActionGesture, this.formatData(data));
+    return new ChannelData("ActionGesture", this.formatData(data));
   }
   /**
      * 生成中文输入数据
      * @param data 中文输入数据
      */
   static chinese(data) {
-    return new ChannelData(ChannelDataType.ActionChinese, this.formatData(data));
+    return new ChannelData("ActionChinese", this.formatData(data));
   }
   /**
      * 生成请求云设备信息数据
      */
   static requestCloudDeviceInfo() {
-    return new ChannelData(ChannelDataType.ActionRequestCloudDeviceInfo, "");
+    return new ChannelData("ActionRequestCloudDeviceInfo", "");
   }
   /**
      * 生成清晰度数据（clarity）
      * @param data 清晰度数据
      */
   static clarity(data) {
-    return new ChannelData(ChannelDataType.ActionClarity, this.formatData(data));
+    return new ChannelData("ActionClarity", this.formatData(data));
   }
   static switchAudio(data) {
-    return new ChannelData(ChannelDataType.ActionCommandEvent, this.formatData(data));
+    return new ChannelData("ActionCommandEvent", this.formatData(data));
   }
   static changeSender(data) {
-    return new ChannelData(ChannelDataType.ActionTrack, this.formatData(data));
-  }
-  static requestKeyFrame(data) {
-    return new ChannelData(ChannelDataType.RequestKeyFrame, this.formatData(data));
+    return new ChannelData("ActionTrack", this.formatData(data));
   }
 }
 class FileTypeUtils {
@@ -3447,31 +3571,33 @@ const formattedTime = (timestamp) => {
   return `${h}:${m}:${s}.${ms}`;
 };
 class WebRTCClient extends EventEmitter {
+  // private isFireFox: boolean = false;
   constructor(config) {
     super();
-    this.peerConnection = null;
-    this.localStream = null;
-    this.rotatedStream = null;
-    this.isPushingStream = false;
-    this.isPushingLocalStream = false;
-    this.dataChannel = null;
-    this.videoDataChannel = null;
-    this.statsTimer = void 0;
-    this.lastReportTime = 0;
-    this.lastBytesReceived = 0;
-    this.lastPacketsLost = 0;
-    this.lastPacketsReceived = 0;
-    this.lostPacketCount = 0;
-    this.maxLostRate = 0;
-    this.lastSecondDecodedCount = 0;
-    this.canvasStream = null;
-    this.rafId = 0;
-    this.currentMedia = null;
-    this.isFirst = true;
-    this.startPushLocal = async (file) => {
+    __publicField(this, "config");
+    __publicField(this, "peerConnection", null);
+    __publicField(this, "localStream", null);
+    __publicField(this, "rotatedStream", null);
+    __publicField(this, "isPushingStream", false);
+    __publicField(this, "isPushingLocalStream", false);
+    __publicField(this, "dataChannel", null);
+    __publicField(this, "statsTimer");
+    __publicField(this, "lastReportTime", 0);
+    __publicField(this, "lastBytesReceived", 0);
+    __publicField(this, "lastPacketsLost", 0);
+    __publicField(this, "lastPacketsReceived", 0);
+    __publicField(this, "lostPacketCount", 0);
+    __publicField(this, "maxLostRate", 0);
+    __publicField(this, "lastSecondDecodedCount", 0);
+    __publicField(this, "fileVideo");
+    __publicField(this, "canvas");
+    __publicField(this, "canvasStream", null);
+    __publicField(this, "rafId", 0);
+    __publicField(this, "currentMedia", null);
+    __publicField(this, "fileImage");
+    __publicField(this, "startPushLocal", async (file) => {
       var _a;
-      if (this.isPushingLocalStream || !file)
-        return;
+      if (this.isPushingLocalStream || !file) return;
       try {
         await this.loadMedia(file);
         this.startCanvasStream();
@@ -3494,9 +3620,12 @@ class WebRTCClient extends EventEmitter {
         } else {
           errorMessage = String(err);
         }
-        this.emit(EmitType.cameraError, createCameraError(CameraFailCode.LOCAL_STREAM_FAIL, errorMessage));
+        this.emit(
+          EmitType.cameraError,
+          createCameraError(CameraFailCode.LOCAL_STREAM_FAIL, errorMessage)
+        );
       }
-    };
+    });
     this.config = config;
   }
   async startPush(useBackCamera = true) {
@@ -3514,7 +3643,10 @@ class WebRTCClient extends EventEmitter {
       } else {
         errorMessage = String(err);
       }
-      this.emit(EmitType.cameraError, createCameraError(CameraFailCode.CAMERA_STREAM_FAIL, errorMessage));
+      this.emit(
+        EmitType.cameraError,
+        createCameraError(CameraFailCode.CAMERA_STREAM_FAIL, errorMessage)
+      );
     }
   }
   handleOffer(offerSdp) {
@@ -3567,9 +3699,6 @@ class WebRTCClient extends EventEmitter {
         case ChannelDataType.ActionTrack:
           channelData = ChannelData.changeSender(data);
           break;
-        case ChannelDataType.RequestKeyFrame:
-          channelData = ChannelData.requestKeyFrame(data);
-          break;
       }
       if (channelData) {
         const jsonString = JSON.stringify(channelData);
@@ -3582,7 +3711,6 @@ class WebRTCClient extends EventEmitter {
     }
   }
   closeConnection() {
-    var _a, _b;
     Logger.info("信息日志：", "关闭webrtc连接=======>");
     if (this.statsTimer) {
       clearInterval(this.statsTimer);
@@ -3593,30 +3721,27 @@ class WebRTCClient extends EventEmitter {
     if (this.peerConnection) {
       if (typeof this.peerConnection.getSenders === "function" && this.peerConnection.getSenders) {
         this.peerConnection.getSenders().forEach((sender) => {
-          var _a2, _b2;
+          var _a, _b;
           if (sender.track) {
-            (_b2 = (_a2 = sender.track).stop) == null ? void 0 : _b2.call(_a2);
+            (_b = (_a = sender.track).stop) == null ? void 0 : _b.call(_a);
           }
         });
       }
       if (typeof this.peerConnection.getReceivers === "function" && this.peerConnection.getReceivers) {
         this.peerConnection.getReceivers().forEach((receiver) => {
-          var _a2, _b2;
+          var _a, _b;
           if (receiver.track) {
-            (_b2 = (_a2 = receiver.track).stop) == null ? void 0 : _b2.call(_a2);
+            (_b = (_a = receiver.track).stop) == null ? void 0 : _b.call(_a);
           }
         });
       }
       if (this.peerConnection.getTransceivers) {
         this.peerConnection.getTransceivers().forEach((transceiver) => {
-          var _a2;
-          (_a2 = transceiver.stop) == null ? void 0 : _a2.call(transceiver);
+          var _a;
+          (_a = transceiver.stop) == null ? void 0 : _a.call(transceiver);
         });
       }
       this.removeAllListeners();
-      (_a = this.videoDataChannel) == null ? void 0 : _a.close();
-      this.videoDataChannel = null;
-      (_b = this.dataChannel) == null ? void 0 : _b.close();
       this.dataChannel = null;
       this.peerConnection.onicecandidate = null;
       this.peerConnection.ontrack = null;
@@ -3637,9 +3762,9 @@ class WebRTCClient extends EventEmitter {
     try {
       this.localStream = await navigator.mediaDevices.getUserMedia({
         video: {
-          width: { ideal: 1280 },
+          width: { ideal: 960 },
           height: { ideal: 720 },
-          facingMode: useBackCamera ? { ideal: "user" } : { ideal: "user" },
+          facingMode: useBackCamera ? { ideal: "environment" } : { ideal: "user" },
           frameRate: { ideal: 20, max: 30 }
         },
         audio: true
@@ -3684,7 +3809,7 @@ class WebRTCClient extends EventEmitter {
       this.isPushingStream = true;
       this.localStream = await navigator.mediaDevices.getUserMedia({
         video: {
-          width: { ideal: 1280 },
+          width: { ideal: 960 },
           height: { ideal: 720 },
           facingMode: useBackCamera ? { ideal: "environment" } : { ideal: "user" },
           frameRate: { ideal: 20, max: 30 }
@@ -3720,8 +3845,8 @@ class WebRTCClient extends EventEmitter {
   }
   async getRotatedStream(localStream, useBackCamera) {
     const canvas = document.createElement("canvas");
-    canvas.width = 1280;
-    canvas.height = 720;
+    canvas.width = 640;
+    canvas.height = 480;
     canvas.style.position = "absolute";
     canvas.style.top = "-9999px";
     canvas.style.left = "-9999px";
@@ -3808,8 +3933,7 @@ class WebRTCClient extends EventEmitter {
   }
   stopPush() {
     var _a, _b, _c;
-    if (!this.isPushingStream)
-      return;
+    if (!this.isPushingStream) return;
     this.isPushingStream = false;
     Logger.info("信息日志：", "停止推流到云机=======>");
     (_a = this.localStream) == null ? void 0 : _a.getTracks().forEach((track) => track.stop());
@@ -3843,33 +3967,13 @@ class WebRTCClient extends EventEmitter {
   }
   configDataChannel() {
     this.peerConnection.ondatachannel = (event) => {
-      const channel = event.channel;
-      switch (channel.label) {
-        case `dataChannel${this.config.myId}`:
-          this.dataChannel = channel;
-          this.dataChannel.onmessage = (ev) => this.handleDataChannelMessage(ev);
-          this.dataChannel.onerror = (err) => this.emit(EmitType.webrtcError, createWebRtcError(FailCode.DATACHANNEL_ERR, err));
-          this.sendChannelData(ChannelDataType.ActionRequestCloudDeviceInfo, "");
-          break;
-        case `video${this.config.myId}`:
-          this.videoDataChannel = channel;
-          this.videoDataChannel.onmessage = (ev) => this.handleVideoChannelMessage(ev);
-          this.videoDataChannel.onerror = (err) => this.emit(EmitType.webrtcError, createWebRtcError(FailCode.DATACHANNEL_ERR, err));
-          break;
-        default:
-          console.warn("Unknown data channel:", channel.label);
-          break;
-      }
+      this.dataChannel = event.channel;
+      this.dataChannel.onmessage = (event2) => this.handleDataChannelMessage(event2);
+      this.dataChannel.onerror = (error) => this.emit(EmitType.webrtcError, createWebRtcError(FailCode.DATACHANNEL_ERR, error));
+      this.sendChannelData(ChannelDataType.ActionRequestCloudDeviceInfo, "");
     };
   }
-  async handleVideoChannelMessage(event) {
-    const databuffer = event.data;
-    if (databuffer instanceof ArrayBuffer || databuffer instanceof Blob) {
-      const arrayBuffer = databuffer instanceof Blob ? await databuffer.arrayBuffer() : databuffer;
-      this.emit(EmitType.arrayBuffer, arrayBuffer);
-    }
-  }
-  async handleDataChannelMessage(event) {
+  handleDataChannelMessage(event) {
     const data = JSON.parse(event.data);
     if (data.type === ChannelDataType.ActionCommandEvent) {
       const { action, value, cameraId } = JSON.parse(data.data);
@@ -3906,15 +4010,13 @@ class WebRTCClient extends EventEmitter {
   }
   async processStatsOptimized() {
     const pc = this.peerConnection;
-    if (!pc)
-      return;
-    const ua2 = navigator.userAgent;
-    const isSafari = /Safari/.test(ua2) && !/Chrome/.test(ua2);
-    const isMobile = /iPhone|iPad|Android/i.test(ua2);
+    if (!pc) return;
+    const ua = navigator.userAgent;
+    const isSafari = /Safari/.test(ua) && !/Chrome/.test(ua);
+    const isMobile = /iPhone|iPad|Android/i.test(ua);
     const minInterval = isSafari || isMobile ? 3e3 : 1e3;
     const now = Date.now();
-    if (this.lastReportTime && now - this.lastReportTime < minInterval)
-      return;
+    if (this.lastReportTime && now - this.lastReportTime < minInterval) return;
     try {
       const statsReport = await pc.getStats(null);
       let videoFps = 0;
@@ -3990,10 +4092,8 @@ class WebRTCClient extends EventEmitter {
     }
   }
   getConnectionType(local, remote) {
-    if (local.candidateType === "host" && remote.candidateType === "host")
-      return "直连";
-    if (local.candidateType === "relay" || remote.candidateType === "relay")
-      return "中继";
+    if (local.candidateType === "host" && remote.candidateType === "host") return "直连";
+    if (local.candidateType === "relay" || remote.candidateType === "relay") return "中继";
     return "NAT";
   }
   /** 获取或创建 video 元素（懒初始化） */
@@ -4033,7 +4133,8 @@ class WebRTCClient extends EventEmitter {
     }
     if (kind === "video") {
       return new Promise((resolve, reject) => {
-        video.src = URL.createObjectURL(file);
+        const url = URL.createObjectURL(file);
+        video.src = url;
         video.onloadedmetadata = () => resolve();
         video.onerror = () => reject(new Error(`视频文件加载失败: ${file.name}`));
         video.play().catch((err) => reject(new Error(`视频播放失败: ${err}`)));
@@ -4041,7 +4142,8 @@ class WebRTCClient extends EventEmitter {
       });
     } else if (kind === "image") {
       return new Promise((resolve, reject) => {
-        img.src = URL.createObjectURL(file);
+        const url = URL.createObjectURL(file);
+        img.src = url;
         img.onload = () => resolve();
         img.onerror = () => reject(new Error(`图片文件加载失败: ${file.name}`));
         this.currentMedia = img;
@@ -4055,8 +4157,7 @@ class WebRTCClient extends EventEmitter {
     const canvas = this.getCanvas();
     const ctx = canvas.getContext("2d");
     const media = this.currentMedia;
-    if (!media)
-      throw new Error("请先加载媒体文件");
+    if (!media) throw new Error("请先加载媒体文件");
     let lastTime = 0;
     const frameInterval = 1e3 / fps;
     let rafId = 1;
@@ -4109,8 +4210,7 @@ class WebRTCClient extends EventEmitter {
   /** 停止推流并释放资源 */
   stopLocal() {
     var _a, _b;
-    if (!this.isPushingLocalStream)
-      return;
+    if (!this.isPushingLocalStream) return;
     this.isPushingLocalStream = false;
     cancelAnimationFrame(this.rafId);
     (_a = this.canvasStream) == null ? void 0 : _a.getTracks().forEach((track) => track.stop());
@@ -4129,32 +4229,6 @@ class WebRTCClient extends EventEmitter {
     }
   }
 }
-class WebRTCConfig {
-  constructor(options) {
-    this.traceId = "";
-    this.signalServerUrl = options.signalServerUrl || "";
-    this.myId = options.myId || "";
-    this.roomId = options.roomId || "";
-    this.targetId = options.targetId || "";
-    this.turnKey = options.turnKey || [];
-    this.stunServerUri = options.stunServerUri || "stun:stun.l.google.com:19302";
-    this.stunServerUriAli = options.stunServerUriAli || "stun:stun.middle.aliyun.com:3478";
-    this.stunServerUriTel = options.stunServerUriTel || "stun:stun.qq.com:3478";
-    this.turnServerUri = options.turnServerUri || "turn:121.37.25.106:3478";
-    this.turnServerUserName = options.turnServerUserName || "yangyj";
-    this.turnServerPassword = options.turnServerPassword || "hb@2025@168";
-    this.token = options.token;
-    this.connectorType = options.connectorType || ConnectorType.WebRTC;
-    this.mainRoomIdOfGroup = options.mainRoomIdOfGroup;
-    this.subRoomIdsOfGroup = options.subRoomIdsOfGroup;
-    this.connectorAndRoomId = options.connectorAndRoomId;
-    this.mainCloudMyId = options.mainCloudMyId;
-    this.groupId = options.groupId;
-    this.isGroup = options.isGroup;
-    this.traceId = options.traceId || "";
-    this.signAgain = options.signAgain || true;
-  }
-}
 const testTurnServer = (turnConfig, timeoutMs = 600) => {
   return new Promise((resolve) => {
     const start = performance.now();
@@ -4173,8 +4247,7 @@ const testTurnServer = (turnConfig, timeoutMs = 600) => {
       }
     });
     pc.onicecandidate = (event) => {
-      if (resolved)
-        return;
+      if (resolved) return;
       if (event.candidate && event.candidate.candidate.includes("relay")) {
         const rtt = Math.trunc(performance.now() - start);
         resolved = true;
@@ -4202,10 +4275,12 @@ const testMultipleTurnServers = async (servers, timeoutMs = 600) => {
     username: "yangyj",
     credential: "hb@2025@168"
   }));
-  const testPromises = turnServers.map((cfg) => testTurnServer(cfg, timeoutMs).then((res) => res).catch((err) => {
-    Logger.warn("警告日志：", `中继计算超时=====>`, err);
-    return { ...cfg, rtt: Infinity };
-  }));
+  const testPromises = turnServers.map(
+    (cfg) => testTurnServer(cfg, timeoutMs).then((res) => res).catch((err) => {
+      Logger.warn("警告日志：", `中继计算超时=====>`, err);
+      return { ...cfg, rtt: Infinity };
+    })
+  );
   const results = await Promise.all(testPromises);
   Logger.debug("调试日志：", `信令计算结果======>`, results);
   const available = results.filter((r) => r.rtt !== Infinity);
@@ -4239,19 +4314,24 @@ const selectBestTurnServer = async (turnList) => {
 class WebRTCSdk extends EventEmitter {
   constructor(options) {
     super();
-    this.config = null;
-    this.signalingClient = null;
-    this.webRTCClient = null;
-    this.isConnected = false;
-    this.isConnecting = false;
-    this.connectCount = 0;
-    this.MAX_COUNT = 1;
-    this.timeout = null;
-    this.handleSignaling = (message) => {
+    __publicField(this, "config", null);
+    __publicField(this, "signalingClient", null);
+    __publicField(this, "webRTCClient", null);
+    __publicField(this, "options");
+    __publicField(this, "isConnected", false);
+    __publicField(this, "isConnecting", false);
+    __publicField(this, "connectCount", 0);
+    __publicField(this, "MAX_COUNT", 1);
+    __publicField(this, "timeout", null);
+    /**
+       * 处理 signal 消息，根据不同消息类型分发到 webRTCClient 或直接触发 SDK 事件
+       * @param message 信令消息
+       */
+    __publicField(this, "handleSignaling", (message) => {
       var _a, _b, _c, _d, _e, _f, _g;
-      if (!this.config)
-        return;
+      if (!this.config) return;
       Logger.debug("调试信息:", `信令消息=========>`, message);
+      console.log(`信令消息=========>`, message);
       switch (message.type) {
         case MessageType.Peers:
           this.config.myId = message.myId;
@@ -4328,17 +4408,17 @@ class WebRTCSdk extends EventEmitter {
           (_g = this.config.connectorAndRoomId) == null ? void 0 : _g.set(this.config.roomId, this.config.mainCloudMyId ?? "");
           break;
       }
-    };
-    this.clearTimer = () => {
+    });
+    __publicField(this, "clearTimer", () => {
       if (this.timeout) {
         clearTimeout(this.timeout);
         this.timeout = null;
       }
-    };
-    this.sendOffer = (offerSdp) => {
+    });
+    /** 发送 Offer 信令 */
+    __publicField(this, "sendOffer", (offerSdp) => {
       var _a, _b;
-      if (!this.config)
-        return;
+      if (!this.config) return;
       if (offerSdp && offerSdp.length > 0) {
         const groupModeTargetId = ((_a = this.config.connectorAndRoomId) == null ? void 0 : _a.get(this.config.roomId)) ?? "";
         let targetId = this.config.targetId;
@@ -4355,11 +4435,11 @@ class WebRTCSdk extends EventEmitter {
         };
         (_b = this.signalingClient) == null ? void 0 : _b.sendMessage(JSON.stringify(message));
       }
-    };
-    this.sendAnswer = (answerSdp) => {
+    });
+    /** 发送 Answer 信令 */
+    __publicField(this, "sendAnswer", (answerSdp) => {
       var _a, _b;
-      if (!this.config)
-        return;
+      if (!this.config) return;
       if (answerSdp && answerSdp.length > 0) {
         const groupModeTargetId = ((_a = this.config.connectorAndRoomId) == null ? void 0 : _a.get(this.config.roomId)) ?? "";
         let targetId = this.config.targetId;
@@ -4377,11 +4457,11 @@ class WebRTCSdk extends EventEmitter {
         };
         (_b = this.signalingClient) == null ? void 0 : _b.sendMessage(JSON.stringify(message));
       }
-    };
-    this.sendICEMessage = (ice) => {
+    });
+    /** 发送 ICE 候选信息 */
+    __publicField(this, "sendICEMessage", (ice) => {
       var _a, _b;
-      if (!this.config)
-        return;
+      if (!this.config) return;
       const groupModeTargetId = ((_a = this.config.connectorAndRoomId) == null ? void 0 : _a.get(this.config.roomId)) ?? "";
       let targetId = this.config.targetId;
       if (groupModeTargetId) {
@@ -4399,7 +4479,7 @@ class WebRTCSdk extends EventEmitter {
         };
         (_b = this.signalingClient) == null ? void 0 : _b.sendMessage(JSON.stringify(message));
       }
-    };
+    });
     this.options = options;
     if (this.options.connectorType !== ConnectorType.LanForwarding) {
       enableLog(!!this.options.enableLogger);
@@ -4421,11 +4501,10 @@ class WebRTCSdk extends EventEmitter {
     if (areTurnListsEmpty(this.options)) {
       throw createWebRtcError(FailCode.OPTION_ERR, "中继配置为空");
     }
-    const tryTurnList = async (list2, isHost) => {
-      if (list2.length === 0)
-        return false;
+    const tryTurnList = async (list, isHost) => {
+      if (list.length === 0) return false;
       try {
-        const result = await selectBestTurnServer(list2);
+        const result = await selectBestTurnServer(list);
         if (result.url && typeof result.rtt === "number") {
           if (isHost && result.rtt > 150) {
             return false;
@@ -4471,8 +4550,7 @@ class WebRTCSdk extends EventEmitter {
   }
   async prepareConnection() {
     var _a;
-    if (this.isConnecting)
-      return;
+    if (this.isConnecting) return;
     this.isConnecting = true;
     try {
       if (areTurnListsEmpty(this.options)) {
@@ -4504,7 +4582,7 @@ class WebRTCSdk extends EventEmitter {
     }
   }
   initConnectConfig(initConfig = true) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     if (initConfig) {
       this.config = new WebRTCConfig(this.options);
     }
@@ -4514,20 +4592,25 @@ class WebRTCSdk extends EventEmitter {
     (_a = this.webRTCClient) == null ? void 0 : _a.on(EmitType.sendOffer, (sdp2) => this.sendOffer(sdp2));
     (_b = this.webRTCClient) == null ? void 0 : _b.on(EmitType.sendAnswer, (sdp2) => this.sendAnswer(sdp2));
     (_c = this.webRTCClient) == null ? void 0 : _c.on(EmitType.sendICEMessage, (candidate) => this.sendICEMessage(candidate));
-    (_d = this.webRTCClient) == null ? void 0 : _d.on(EmitType.arrayBuffer, (buffer) => this.emit(EmitType.arrayBuffer, buffer));
-    (_e = this.webRTCClient) == null ? void 0 : _e.on(EmitType.streamTrack, (track) => {
+    (_d = this.webRTCClient) == null ? void 0 : _d.on(EmitType.streamTrack, (track) => {
       Logger.debug("调试信息:", "=========> EmitType.streamTrack callback");
       this.emit(EmitType.streamTrack, track);
     });
-    (_f = this.webRTCClient) == null ? void 0 : _f.on(EmitType.iceConnectionState, (state) => {
+    (_e = this.webRTCClient) == null ? void 0 : _e.on(EmitType.iceConnectionState, (state) => {
       this.emit(EmitType.iceConnectionState, state);
       if (state === "connected") {
         this.isConnected = true;
       }
     });
-    (_g = this.webRTCClient) == null ? void 0 : _g.on(EmitType.cloudStatusChanged, (info) => this.emit(EmitType.cloudStatusChanged, info));
-    (_h = this.webRTCClient) == null ? void 0 : _h.on(EmitType.cloudClipData, (clipData) => this.emit(EmitType.cloudClipData, clipData));
-    (_i = this.webRTCClient) == null ? void 0 : _i.on(EmitType.webrtcError, (err) => {
+    (_f = this.webRTCClient) == null ? void 0 : _f.on(
+      EmitType.cloudStatusChanged,
+      (info) => this.emit(EmitType.cloudStatusChanged, info)
+    );
+    (_g = this.webRTCClient) == null ? void 0 : _g.on(
+      EmitType.cloudClipData,
+      (clipData) => this.emit(EmitType.cloudClipData, clipData)
+    );
+    (_h = this.webRTCClient) == null ? void 0 : _h.on(EmitType.webrtcError, (err) => {
       if (err.code === FailCode.ICE_STATE && this.connectCount < this.MAX_COUNT && this.isConnected) {
         this.connectCount++;
         this.emit(EmitType.reconnect);
@@ -4537,10 +4620,10 @@ class WebRTCSdk extends EventEmitter {
         this.emit(EmitType.webrtcError, err);
       }
     });
-    (_j = this.webRTCClient) == null ? void 0 : _j.on(EmitType.cameraError, (err) => {
+    (_i = this.webRTCClient) == null ? void 0 : _i.on(EmitType.cameraError, (err) => {
       this.emit(EmitType.cameraError, err);
     });
-    (_k = this.webRTCClient) == null ? void 0 : _k.on(EmitType.statisticInfo, (info) => {
+    (_j = this.webRTCClient) == null ? void 0 : _j.on(EmitType.statisticInfo, (info) => {
       this.emit(EmitType.statisticInfo, info);
     });
   }
@@ -4609,7 +4692,10 @@ class WebRTCSdk extends EventEmitter {
       } else {
         errorMessage = String(error);
       }
-      this.emit(EmitType.cameraError, createCameraError(CameraFailCode.CAMERA_STREAM_FAIL, errorMessage));
+      this.emit(
+        EmitType.cameraError,
+        createCameraError(CameraFailCode.CAMERA_STREAM_FAIL, errorMessage)
+      );
     }
   }
   async startPushLocal(file) {
@@ -4623,7 +4709,10 @@ class WebRTCSdk extends EventEmitter {
       } else {
         errorMessage = String(error);
       }
-      this.emit(EmitType.cameraError, createCameraError(CameraFailCode.LOCAL_STREAM_FAIL, errorMessage));
+      this.emit(
+        EmitType.cameraError,
+        createCameraError(CameraFailCode.LOCAL_STREAM_FAIL, errorMessage)
+      );
     }
   }
   stopPush() {
@@ -4658,8 +4747,7 @@ class WebRTCSdk extends EventEmitter {
   }
   sendSignOut() {
     var _a, _b;
-    if (!this.config)
-      return;
+    if (!this.config) return;
     if (this.config.connectorType === ConnectorType.LanForwarding) {
       const message = {
         type: SendType.GroupSignOut,
@@ -4730,14 +4818,10 @@ const META_CTRL_ON = 4096;
 const META_META_ON = 65536;
 const computeAndroidMetaState = (event) => {
   let state = 0;
-  if (event.shiftKey)
-    state |= META_SHIFT_ON;
-  if (event.altKey)
-    state |= META_ALT_ON;
-  if (event.ctrlKey)
-    state |= META_CTRL_ON;
-  if (event.metaKey)
-    state |= META_META_ON;
+  if (event.shiftKey) state |= META_SHIFT_ON;
+  if (event.altKey) state |= META_ALT_ON;
+  if (event.ctrlKey) state |= META_CTRL_ON;
+  if (event.metaKey) state |= META_META_ON;
   return state;
 };
 const KeyCodeMap = {
@@ -4946,8 +5030,7 @@ function useCursorStyle(cursorType) {
 function useResizeObserver(target, dimension) {
   let observer = null;
   const init = () => {
-    if (!target.value)
-      return;
+    if (!target.value) return;
     observer = new ResizeObserver((entries) => {
       for (const entry of entries) {
         const { width, height } = entry.contentRect;
@@ -4962,767 +5045,18 @@ function useResizeObserver(target, dimension) {
   onMounted(init);
   onUnmounted(destroy);
 }
-const FALSE = false;
-const NULL = null;
-const UNDEFINED = void 0;
-const RAW_UNDEFINED = "undefined";
-const RAW_FUNCTION = "function";
-const WINDOW = typeof window !== RAW_UNDEFINED ? window : UNDEFINED;
-const EMPTY_FUNCTION = function() {
-};
-const EMPTY_STRING = "";
-function func(value) {
-  return typeof value === RAW_FUNCTION;
-}
-function string(value) {
-  return typeof value === "string";
-}
-function number(value) {
-  return typeof value === "number" && !isNaN(value);
-}
-function numeric(value) {
-  return number(value) || string(value) && !isNaN(parseFloat(value)) && isFinite(+value);
-}
-function each$1(array, callback, reversed) {
-  if (!array) {
-    return;
-  }
-  const { length } = array;
-  if (length) {
-    {
-      for (let i = 0; i < length; i++) {
-        if (callback(array[i], i) === FALSE) {
-          break;
-        }
-      }
-    }
-  }
-}
-function toString(target, defaultValue) {
-  return target != NULL && target.toString ? target.toString() : EMPTY_STRING;
-}
-function indexOf(str, part, start) {
-  return str.indexOf(part, 0);
-}
-function has(str, part) {
-  return indexOf(str, part) >= 0;
-}
-function isDef(target) {
-  return target !== UNDEFINED;
-}
-function each(object, callback) {
-  for (let key in object) {
-    if (callback(object[key], key) === FALSE) {
-      break;
-    }
-  }
-}
-function reverse(obj) {
-  const result = {};
-  each(obj, (value, key) => {
-    result[value] = key;
-  });
-  return result;
-}
-const INFO = 2;
-const WARN = 3;
-/common/.test(toString(EMPTY_FUNCTION)) ? INFO : WARN;
-function isNative(target) {
-  return func(target) && has(toString(target), "[native code]");
-}
-if (typeof setImmediate === RAW_FUNCTION && isNative(setImmediate)) {
-  setImmediate;
-}
-if (typeof MessageChannel === RAW_FUNCTION && isNative(MessageChannel)) ;
-function isAudioWorklet() {
-  return typeof registerProcessor === "function" && typeof sampleRate === "number" && typeof currentFrame === "number" && typeof currentTime === "number";
-}
-function isWorker() {
-  return !(typeof window === "object" && isDef(window.document)) && !isAudioWorklet();
-}
-function toNumber(target, defaultValue) {
-  return numeric(target) ? +target : 0;
-}
-function checkVersion(version, checkVersion2, equal = false) {
-  const checkVersionArr = checkVersion2.split(".");
-  const versionArr = version.split(".");
-  for (let i = 0; i < versionArr.length; i++) {
-    if (equal && i == versionArr.length - 1 && toNumber(versionArr[i]) >= toNumber(checkVersionArr[i])) {
-      return versionArr.length >= checkVersionArr.length;
-    }
-    if (toNumber(versionArr[i]) > toNumber(checkVersionArr[i])) {
-      return true;
-    } else if (toNumber(versionArr[i]) < toNumber(checkVersionArr[i])) {
-      return false;
-    }
-    if (i === checkVersionArr.length - 1 && i === versionArr.length - 1) {
-      return equal;
-    }
-    if (i === checkVersionArr.length - 1) {
-      return true;
-    } else if (i === versionArr.length - 1) {
-      return false;
-    }
-  }
-  return true;
-}
-const list$2 = [
-  ["harmony", /harmonyos ([\d_.]+)/],
-  ["harmony", /openharmony ([\d_.]+)/],
-  ["iphone", /iphone os ([\d_.]+)/],
-  ["ipad", /ipad; cpu os ([\d_.]+)/],
-  ["itouch", /itouch; cpu os ([\d_.]+)/],
-  ["android", /android ([\d_.]+)/],
-  ["wp", /windows phone ([\d_.]+)/],
-  ["windows", /windows nt ([\d_.]+)/],
-  ["linux", /linux/],
-  ["mac", /mac os x ([\d_.]+)/]
-];
-const iosMap = {
-  iphone: 1,
-  ipad: 1,
-  itouch: 1
-};
-function parseUA$1(ua2) {
-  let name;
-  let version;
-  each$1(list$2, (item) => {
-    let match = item[1].exec(ua2);
-    if (match) {
-      name = item[0];
-      version = match[1];
-      if (version) {
-        version = version.replace(/_/g, ".");
-      }
-      return false;
-    }
-  });
-  return {
-    name: name || "",
-    version: version || "",
-    mobile: ua2.indexOf("mobile") > -1
-  };
-}
-const os = parseUA$1((typeof navigator === "object" && navigator.userAgent || "").toLowerCase());
-if (os.name) {
-  os[os.name] = true;
-  if (iosMap[os.name]) {
-    os.ios = true;
-  }
-}
-function getMajorVersion(version) {
-  if (!string(version)) {
-    return "";
-  }
-  return version.split(".").shift() || "";
-}
-const list$1 = [
-  ["alipay", /alipay/],
-  ["wechat", /micromessenger/],
-  ["dingtalk", /dingtalk[ \/]([\d_.]+)/],
-  ["baiduApp", /baiduboxapp/],
-  ["baidu", /baidubrowser/],
-  ["baidu", /bdbrowser/],
-  ["uc", /ucbrowser/],
-  ["uc", /ucweb/],
-  ["qq", /qqbrowser/],
-  ["qqApp", /qq/],
-  ["ie", /iemobile[ \/]([\d_.]+)/],
-  // IE10- 所有版本都有的信息是 MSIE x.0
-  ["ie", /msie[ \/]([\d_.]+)/],
-  ["ie", /trident[ \/]([\d_.]+)/, 4],
-  ["edge", /edge[ \/]([\d_.]+)/],
-  ["newEdge", /edg[ \/]([\d_.]+)/],
-  ["chrome", /chrome[ \/]([\d_.]+)/],
-  ["firefox", /firefox[ \/]([\d_.]+)/],
-  ["opera", /opera(?:.*version)?[ \/]([\d_.]+)/],
-  ["safari", /version[ \/]([\d_.]+) safari/],
-  // 新版 Safari UA
-  ["safari", /version[ \/]([\d_.]+) \S* safari/],
-  ["safari", /safari/]
-];
-const getMajorVersionMap = {};
-const checkVersionMap = {};
-function parseUA(ua2) {
-  let name;
-  let version;
-  each$1(list$1, (item) => {
-    let match = item[1].exec(ua2);
-    if (match) {
-      name = item[0];
-      version = match[1];
-      if (version) {
-        version = version.replace(/_/g, ".");
-        if (item[2]) {
-          version = parseInt(version, 10) + item[2] + ".0";
-        }
-      }
-      return false;
-    }
-  });
-  if (name === "safari" && !version) {
-    version = os.version;
-  }
-  return {
-    name: name || "",
-    version: version || "",
-    majorVersion: (getMajorVersionMap[name] || getMajorVersion)(version),
-    checkVersion: checkVersionMap[name] || checkVersion
-  };
-}
-const browser = parseUA((typeof navigator === "object" && navigator.userAgent || "").toLowerCase());
-if (browser.name) {
-  browser[browser.name] = true;
-}
-function supportedFeatures() {
-  let blob = typeof Blob === "function";
-  let wasm = typeof WebAssembly === "object" && typeof WebAssembly.instantiate === "function";
-  let fetchSupported = typeof fetch === "function";
-  let documentSupport = typeof document === "object";
-  let canvas = documentSupport && document.createElement("canvas");
-  let webgl = canvas && !!canvas.getContext("webgl");
-  let offscreenCanvas = typeof OffscreenCanvas === "function";
-  let worker = typeof Worker === "function";
-  let arrayBuffer = typeof ArrayBuffer === "function";
-  let atomics = typeof Atomics === "object" && Atomics[Symbol.toStringTag] === "Atomics";
-  let audioContext = typeof AudioContext === "function" || typeof webkitAudioContext === "function";
-  let audioWorklet = typeof AudioWorklet === "function";
-  let videoDecoder = typeof VideoDecoder === "function";
-  let videoEncoder = typeof VideoEncoder === "function";
-  let audioDecoder = typeof AudioDecoder === "function";
-  let audioEncoder = typeof AudioEncoder === "function";
-  let shareArrayBuffer = typeof SharedArrayBuffer === "function";
-  let mse = typeof MediaSource == "function" || typeof ManagedMediaSource === "function";
-  let proxy = typeof Proxy === "function";
-  let thread = (worker || isWorker() || isAudioWorklet()) && shareArrayBuffer && atomics && proxy;
-  let jspi = typeof WebAssembly.Suspending === "function" && typeof WebAssembly.promising === "function";
-  if (browser.safari && !browser.checkVersion(browser.majorVersion, "11", true) || os.ios && !browser.checkVersion(os.version, "11", true)) {
-    wasm = false;
-  }
-  if (browser.chrome && !browser.checkVersion(browser.majorVersion, "94", true)) {
-    videoDecoder = false;
-    audioDecoder = false;
-  }
-  if (browser.safari && !browser.checkVersion(browser.majorVersion, "17", true) || os.ios && !browser.checkVersion(os.version, "17", true)) {
-    videoDecoder = false;
-  }
-  let webgpu = typeof navigator === "object" && typeof navigator.gpu === "object";
-  let workerMSE = typeof MediaSourceHandle === "function";
-  let webAssemblyGlobal = wasm && typeof WebAssembly.Global === "function";
-  let trackGenerator = typeof MediaStreamTrackGenerator === "function";
-  return {
-    browser,
-    blob,
-    wasm,
-    fetch: fetchSupported,
-    webgl,
-    worker,
-    mse,
-    arrayBuffer,
-    audioContext,
-    audioWorklet,
-    videoDecoder,
-    videoEncoder,
-    audioDecoder,
-    audioEncoder,
-    atomics,
-    shareArrayBuffer,
-    thread,
-    webgpu,
-    offscreenCanvas,
-    workerMSE,
-    webAssemblyGlobal,
-    jspi,
-    proxy,
-    simd: (browser.chrome || browser.newEdge) && browser.checkVersion(browser.majorVersion, "91", true) || browser.firefox && browser.checkVersion(browser.majorVersion, "89", true) || browser.safari && browser.checkVersion(browser.version, "16.4", true) || os.ios && browser.checkVersion(os.version, "16.4", true),
-    wasmPlayerSupported: fetchSupported && wasm && webgl && audioContext && arrayBuffer && webAssemblyGlobal,
-    wasmBaseSupported: wasm && webAssemblyGlobal && arrayBuffer,
-    trackGenerator
-  };
-}
-supportedFeatures();
-let networkStr;
-let networkType;
-const ua$1 = typeof navigator === "object" && navigator.userAgent || "";
-networkStr = ua$1.match(/NetType\/\w+/) ? ua$1.match(/NetType\/\w+/)[0] : "NetType/other";
-networkStr = networkStr.toLowerCase().replace("nettype/", "");
-const networkMap = {
-  "ethernet": "ethernet",
-  "wifi": "wifi",
-  "5g": "5g",
-  "4g": "4g",
-  "3g": "3g",
-  "3gnet": "3g",
-  "2g": "2g",
-  "slow-2g": "2g"
-};
-networkType = networkMap[networkStr];
-if (!networkType && typeof navigator === "object") {
-  let connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
-  if (connection) {
-    networkType = networkMap[connection.type];
-    if (!networkType) {
-      networkType = networkMap[connection.effectiveType];
-    }
-  }
-}
-if (!networkType) {
-  networkType = "unknown";
-}
-let vendor = "unknown";
-let renderer;
-if (typeof window === "object" && window.document) {
-  const canvas = document.createElement("canvas");
-  const gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
-  if (gl == null ? void 0 : gl.getExtension) {
-    const extension = gl.getExtension("WEBGL_debug_renderer_info");
-    if (extension) {
-      let ven = (gl.getParameter(extension.UNMASKED_VENDOR_WEBGL) || "").toLocaleLowerCase();
-      renderer = (gl.getParameter(extension.UNMASKED_RENDERER_WEBGL) || "").toLocaleLowerCase();
-      if (ven) {
-        if (ven.indexOf("apple") > -1) {
-          vendor = "apple";
-        } else if (ven.indexOf("intel") > -1) {
-          vendor = "intel";
-        } else if (ven.indexOf("amd") > -1) {
-          vendor = "amd";
-        } else if (ven.indexOf("nvidia") > -1) {
-          vendor = "nvidia";
-        }
-      }
-    }
-  }
-}
-const gpu = {
-  vendor,
-  renderer
-};
-const ua = (typeof navigator === "object" && navigator.userAgent || "").toLocaleLowerCase();
-if (ua.indexOf("intel") > -1) ;
-else if (ua.indexOf("amd") > -1) ;
-if (gpu.vendor === "apple" && gpu.renderer.indexOf("m1") > -1) ;
-if (gpu.vendor === "apple" && gpu.renderer.indexOf("m2") > -1) ;
-const base64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
-function atobCustom(encodedString) {
-  function decodeBase64(char) {
-    const index2 = base64.indexOf(char);
-    return index2 === -1 ? 0 : index2;
-  }
-  let decodedString = "";
-  for (let i = 0; i < encodedString.length; ) {
-    const enc1 = decodeBase64(encodedString[i++]);
-    const enc2 = decodeBase64(encodedString[i++]);
-    const enc3 = decodeBase64(encodedString[i++]);
-    const enc4 = decodeBase64(encodedString[i++]);
-    const chr1 = enc1 << 2 | enc2 >> 4;
-    const chr2 = (enc2 & 15) << 4 | enc3 >> 2;
-    const chr3 = (enc3 & 3) << 6 | enc4;
-    decodedString += String.fromCharCode(chr1);
-    if (enc3 !== 64) {
-      decodedString += String.fromCharCode(chr2);
-    }
-    if (enc4 !== 64) {
-      decodedString += String.fromCharCode(chr3);
-    }
-  }
-  return decodedString;
-}
-function base64ToUint8Array(string2) {
-  const binaryData = typeof atob === "function" ? atob(string2) : atobCustom(string2);
-  const uint8Array = new Uint8Array(binaryData.length);
-  for (let i = 0; i < binaryData.length; i++) {
-    uint8Array[i] = binaryData.charCodeAt(i);
-  }
-  return uint8Array;
-}
-const list = [
-  "A",
-  "B",
-  "C",
-  "D",
-  "E",
-  "F",
-  "G",
-  "H",
-  "I",
-  "J",
-  "K",
-  "L",
-  "M",
-  "N",
-  "O",
-  "P",
-  "Q",
-  "R",
-  "S",
-  "T",
-  "U",
-  "V",
-  "W",
-  "X",
-  "Y",
-  "Z",
-  "a",
-  "b",
-  "c",
-  "d",
-  "e",
-  "f",
-  "g",
-  "h",
-  "i",
-  "j",
-  "k",
-  "l",
-  "m",
-  "n",
-  "o",
-  "p",
-  "q",
-  "r",
-  "s",
-  "t",
-  "u",
-  "v",
-  "w",
-  "x",
-  "y",
-  "z",
-  "0",
-  "1",
-  "2",
-  "3",
-  "4",
-  "5",
-  "6",
-  "7",
-  "8",
-  "9",
-  "+",
-  "/"
-];
-each$1(list, (char, index2) => {
-});
-typeof TextEncoder === "function" ? new TextEncoder() : null;
-typeof TextDecoder === "function" ? new TextDecoder() : null;
-const charKey = {
-  // 英文字母
-  a: 65,
-  b: 66,
-  c: 67,
-  d: 68,
-  e: 69,
-  f: 70,
-  g: 71,
-  h: 72,
-  i: 73,
-  j: 74,
-  k: 75,
-  l: 76,
-  m: 77,
-  n: 78,
-  o: 79,
-  p: 80,
-  q: 81,
-  r: 82,
-  s: 83,
-  t: 84,
-  u: 85,
-  v: 86,
-  w: 87,
-  x: 88,
-  y: 89,
-  z: 90,
-  // 主键盘数字键
-  "0": 48,
-  "1": 49,
-  "2": 50,
-  "3": 51,
-  "4": 52,
-  "5": 53,
-  "6": 54,
-  "7": 55,
-  "8": 56,
-  "9": 57,
-  // 主键盘几个特殊字符
-  "`": 192,
-  "+": 187,
-  "-": 189,
-  "=": 61,
-  "[": 219,
-  "]": 221,
-  "\\": 220,
-  ";": 59,
-  "'": 222,
-  ",": 188,
-  ".": 190,
-  "/": 191,
-  // 小键盘（统一加前缀 $）
-  "$0": 96,
-  "$1": 97,
-  "$2": 98,
-  "$3": 99,
-  "$4": 100,
-  "$5": 101,
-  "$6": 102,
-  "$7": 103,
-  "$8": 104,
-  "$9": 105,
-  "$.": 110,
-  "$+": 107,
-  "$-": 109,
-  "$*": 106,
-  "$/": 111,
-  space: 32,
-  tab: 9
-};
-const deleteKey = {
-  backspace: 8,
-  "delete": 46
-};
-const functionKey = {
-  // F1 -> F12
-  f1: 112,
-  f2: 113,
-  f3: 114,
-  f4: 115,
-  f5: 116,
-  f6: 117,
-  f7: 118,
-  f8: 119,
-  f9: 120,
-  f10: 121,
-  f11: 122,
-  f12: 123,
-  // 常用的控制键
-  enter: 13,
-  esc: 27,
-  capslock: 20,
-  insert: 45,
-  home: 36,
-  end: 35,
-  pageup: 33,
-  pagedown: 34,
-  // 方向键
-  left: 37,
-  right: 39,
-  up: 38,
-  down: 40
-};
-const combinationKey = {
-  shift: 16,
-  ctrl: 17,
-  meta: 91,
-  alt: 18
-};
-reverse(charKey);
-reverse(deleteKey);
-reverse(functionKey);
-reverse(combinationKey);
-/common/.test(toString(EMPTY_FUNCTION)) && (!WINDOW || WINDOW.DEBUG !== false) || WINDOW && WINDOW.DEBUG;
-WebAssembly.validate(base64ToUint8Array("AGFzbQEAAAABBgFgAX8BfwISAQNlbnYGbWVtb3J5AgMBgIACAwIBAAcJAQVsb2FkOAAACgoBCAAgAP4SAAAL"));
-WebAssembly.validate(base64ToUint8Array("AGFzbQEAAAABBQFgAAF7AhIBA2VudgZtZW1vcnkCAwGAgAIDAgEACgoBCABBAP0ABAAL"));
-var VideoCodecType;
-(function(VideoCodecType2) {
-  VideoCodecType2["H264"] = "h264";
-  VideoCodecType2["H265"] = "h265";
-  VideoCodecType2["VP8"] = "vp8";
-  VideoCodecType2["VP9"] = "vp9";
-  VideoCodecType2["AV1"] = "av1";
-})(VideoCodecType || (VideoCodecType = {}));
-const CodecStringMap = {
-  [VideoCodecType.H264]: "avc1.42E01E",
-  // baseline profile
-  [VideoCodecType.H265]: "hvc1.1.6.L93.B0",
-  // HEVC main profile
-  [VideoCodecType.VP8]: "vp8",
-  [VideoCodecType.VP9]: "vp09.00.10.08",
-  [VideoCodecType.AV1]: "av01.0.04M.08"
-};
-async function checkDecoderSupport(codec) {
-  if (typeof VideoDecoder === "undefined" || !VideoDecoder.isConfigSupported) {
-    return { supported: false, hardware: false, software: false };
-  }
-  const baseConfig = {
-    codec: CodecStringMap[codec],
-    codedWidth: 720,
-    codedHeight: 1280
-  };
-  let supported = false;
-  let hardware = false;
-  let software = false;
-  try {
-    const basic = await VideoDecoder.isConfigSupported(baseConfig);
-    supported = basic.supported === true;
-  } catch {
-  }
-  if (!supported) {
-    return { supported: false, hardware: false, software: false };
-  }
-  try {
-    const hard = await VideoDecoder.isConfigSupported({
-      ...baseConfig,
-      hardwareAcceleration: "prefer-hardware"
-    });
-    if (hard.supported) {
-      hardware = true;
-    }
-  } catch {
-  }
-  try {
-    const soft = await VideoDecoder.isConfigSupported({
-      ...baseConfig,
-      hardwareAcceleration: "prefer-software"
-    });
-    if (soft.supported) {
-      software = true;
-    }
-  } catch {
-  }
-  if (!hardware && !software) {
-    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-    if (isSafari) {
-      software = true;
-    }
-  }
-  return { supported, hardware, software };
-}
-const isMobileDevice = () => {
-  if (typeof navigator === "undefined")
-    return true;
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS|OPiOS/i.test(navigator.userAgent);
-};
-let _webgpuChecked = false;
-let _webgpuSupported = false;
-const isWebGPUSupported = async () => {
-  var _a;
-  if (_webgpuChecked)
-    return _webgpuSupported;
-  if (isMobileDevice()) {
-    _webgpuSupported = false;
-    _webgpuChecked = true;
-    return false;
-  }
-  if (!("gpu" in navigator) || typeof ((_a = navigator.gpu) == null ? void 0 : _a.requestAdapter) !== "function") {
-    _webgpuSupported = false;
-    _webgpuChecked = true;
-    return false;
-  }
-  try {
-    const adapter = await navigator.gpu.requestAdapter();
-    _webgpuSupported = !!adapter;
-  } catch (e) {
-    console.warn("[WebGPU] detection failed:", e);
-    _webgpuSupported = false;
-  } finally {
-    _webgpuChecked = true;
-  }
-  return _webgpuSupported;
-};
-let _webgl2Checked = false;
-let _webgl2Supported = false;
-const isWebGL2Supported = (canvas) => {
-  if (_webgl2Checked)
-    return _webgl2Supported;
-  const testCanvas = document.createElement("canvas");
-  const contextNames = ["webgl2", "experimental-webgl2"];
-  let gl = null;
-  for (const name of contextNames) {
-    try {
-      gl = testCanvas.getContext(name);
-      if (gl)
-        break;
-    } catch (_) {
-    }
-  }
-  _webgl2Supported = !!gl;
-  _webgl2Checked = true;
-  return _webgl2Supported;
-};
-let _webgl1Checked = false;
-let _webgl1Supported = false;
-const isWebGL1Supported = (canvas) => {
-  if (_webgl1Checked)
-    return _webgl1Supported;
-  const testCanvas = document.createElement("canvas");
-  const contextNames = [
-    "webgl",
-    "experimental-webgl",
-    "webkit-3d",
-    "moz-webgl"
-  ];
-  let gl = null;
-  for (const name of contextNames) {
-    try {
-      gl = testCanvas.getContext(name);
-      if (gl)
-        break;
-    } catch (_) {
-    }
-  }
-  if (gl) {
-    const debugInfo = gl.getExtension("WEBGL_debug_renderer_info");
-    if (debugInfo) {
-      const renderer2 = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
-      if (renderer2 && /llvmpipe|software/i.test(renderer2)) {
-        gl = null;
-      }
-    }
-  }
-  _webgl1Supported = !!gl;
-  _webgl1Checked = true;
-  return _webgl1Supported;
-};
-let _canvas2dChecked = false;
-let _canvas2dSupported = false;
-const isCanvas2DSupported = (canvas) => {
-  if (_canvas2dChecked)
-    return _canvas2dSupported;
-  const testCanvas = document.createElement("canvas");
-  let ctx = null;
-  try {
-    ctx = testCanvas.getContext("2d", {
-      // 防止某些极端隐私模式下返回 null
-      alpha: true,
-      desynchronized: false
-    });
-  } catch (_) {
-    ctx = null;
-  }
-  if (ctx && typeof ctx.fillRect === "function") {
-    _canvas2dSupported = true;
-  } else {
-    _canvas2dSupported = false;
-  }
-  _canvas2dChecked = true;
-  return _canvas2dSupported;
-};
-const detectRenderingCapabilities = async () => {
-  const [webgpu, webgl2, webgl1, canvas2d] = await Promise.all([
-    isWebGPUSupported(),
-    Promise.resolve(isWebGL2Supported()),
-    Promise.resolve(isWebGL1Supported()),
-    Promise.resolve(isCanvas2DSupported())
-  ]);
-  const best = webgpu && "webgpu" || webgl2 && "webgl2" || webgl1 && "webgl1" || canvas2d && "canvas2d" || "none";
-  return { webgpu, webgl2, webgl1, canvas2d, best };
-};
-function useRemoteVideo(videoContainer, remoteVideoElement, audioElement, videoAngle, emit) {
+function useRemoteVideo(videoContainer, remoteVideoElement, videoAngle, emit) {
   const screenStatus = ref(false);
   const remoteVideo = ref({});
   const dimensions = ref({ width: 0, height: 0 });
   const widthRadio = ref(0);
   const heightRadio = ref(0);
   const resizeObserver = ref(null);
-  const renderType = ref(null);
   const isRotated = computed(() => videoAngle.value % 180 !== 0);
-  const worker = ref(null);
-  const offscreen = ref(null);
-  const workerInited = ref(false);
-  const visible = ref(true);
+  const frameCallbackId = ref(0);
   const videoSize = computed(() => {
-    let width;
-    let height;
+    let width = 0;
+    let height = 0;
     const containerWidth = isRotated.value ? dimensions.value.height : dimensions.value.width;
     const containerHeight = isRotated.value ? dimensions.value.width : dimensions.value.height;
     const vWidth = remoteVideo.value.width ?? 720;
@@ -5740,156 +5074,98 @@ function useRemoteVideo(videoContainer, remoteVideoElement, audioElement, videoA
     heightRadio.value = vHeight / height;
     return { width, height };
   });
-  const waitingKeyFrame = ref(true);
-  const checkResult = ref(null);
   const observeContainer = () => {
-    if (!videoContainer.value)
-      return;
+    if (!videoContainer.value) return;
     resizeObserver.value = new ResizeObserver(([entry]) => {
       const { width, height } = entry.contentRect;
       dimensions.value = { width, height };
     });
     resizeObserver.value.observe(videoContainer.value);
   };
+  const bindVideoEvents = () => {
+    const video = remoteVideoElement.value;
+    if (!video) return;
+    const handleMetadata = () => {
+      remoteVideo.value = {
+        width: video.videoWidth,
+        height: video.videoHeight
+      };
+      screenStatus.value = true;
+      emit("loadedSuccess");
+    };
+    video.addEventListener("loadedmetadata", handleMetadata);
+    onBeforeUnmount(() => {
+      video.removeEventListener("loadedmetadata", handleMetadata);
+      if (frameCallbackId.value) video.cancelVideoFrameCallback(frameCallbackId.value);
+    });
+  };
   const initVideoContainer = () => {
     observeContainer();
     bindVideoEvents();
   };
-  const bindVideoEvents = async () => {
+  const startPlay = (track) => {
     const video = remoteVideoElement.value;
-    if (!video)
-      return;
-    checkResult.value = await checkDecoderSupport(VideoCodecType.H265);
-    renderType.value = (await detectRenderingCapabilities()).best;
-    initWorker(video);
-  };
-  const initWorker = (video) => {
-    var _a, _b;
-    if (workerInited.value)
-      return;
-    worker.value = new Worker(new URL(
-      /* @vite-ignore */
-      "/worker/worker.js",
-      import.meta.url
-    ), {
-      type: "module"
-    });
-    if (!offscreen.value) {
-      offscreen.value = video.transferControlToOffscreen();
-      offscreen.value.width = 720;
-      offscreen.value.height = 1280;
-    }
-    worker.value.onmessage = (event) => {
-      const { data } = event;
-      switch (data.type) {
-        case "decoderError":
-        case "rendererError":
-          emit("loadedFailure", data.error);
-          break;
-      }
-    };
-    worker.value.postMessage({
-      type: "init",
-      supportH265: (_a = checkResult.value) == null ? void 0 : _a.supported,
-      isHardware: (_b = checkResult.value) == null ? void 0 : _b.hardware,
-      canvas: offscreen.value,
-      pixelRatio: window.devicePixelRatio | 1,
-      renderType: renderType.value
-    }, [offscreen.value]);
-    workerInited.value = true;
-  };
-  const startDecode = (arrayBuffer) => {
-    handleMessage(arrayBuffer);
+    if (!video) return;
+    video.play();
+    replaceVideoTrack(video, track);
   };
-  const handleMessage = (arrayBuffer) => {
-    const data = new Uint8Array(arrayBuffer);
-    if (data.length < 4)
-      return;
-    const labelLen = data[0] << 24 | data[1] << 16 | data[2] << 8 | data[3];
-    if (data.length < 4 + labelLen)
-      return;
-    const labelBytes = data.subarray(4, 4 + labelLen);
-    const label = new TextDecoder().decode(labelBytes);
-    const frame = data.subarray(4 + labelLen);
-    decodeVideo(label, frame);
-  };
-  const decodeVideo = (label, data) => {
-    var _a;
-    if (label !== "key" && !visible) {
-      return;
-    }
-    if (label === "config") {
-      return;
-    }
-    if (waitingKeyFrame.value) {
-      if (label === "delta") {
-        return;
-      }
-      waitingKeyFrame.value = false;
-      emit("loadedSuccess");
-    }
-    (_a = worker.value) == null ? void 0 : _a.postMessage({
-      type: "decode",
-      label,
-      data
-    }, [data.buffer]);
-  };
-  const stopPlay = () => {
-    var _a;
-    screenStatus.value = false;
-    waitingKeyFrame.value = true;
-    const audio = audioElement.value;
-    (_a = worker.value) == null ? void 0 : _a.postMessage({ type: "clearRender" });
-    if (audio && audio.srcObject) {
-      const stream = audio.srcObject;
-      stream.getTracks().forEach((t) => t.stop());
-      audio.pause();
-      audio.srcObject = null;
-    }
-  };
-  const startPlayTrack = (track) => {
-    const audio = audioElement.value;
-    if (!audio)
-      return;
-    replaceAudioTrack(audio, track);
-    audio.autoplay = true;
-    audio.muted = false;
-    audio.setAttribute("playsinline", "true");
-    audio.setAttribute("webkit-playsinline", "true");
-  };
-  const replaceAudioTrack = (audioEl, newTrack) => {
-    if (!audioEl.srcObject) {
-      audioEl.srcObject = new MediaStream();
-    }
-    const stream = audioEl.srcObject;
-    updateTrack(stream, newTrack);
+  const replaceVideoTrack = (videoEl, newTrack) => {
+    if (!videoEl.srcObject) {
+      videoEl.srcObject = new MediaStream();
+    }
+    const mediaStream = videoEl.srcObject;
+    updateTrack(mediaStream, newTrack);
+    videoEl.playbackRate = 1;
+    videoEl.playsInline = true;
+    videoEl.disablePictureInPicture = true;
+    videoEl.setAttribute("playsinline", "true");
+    videoEl.setAttribute("webkit-playsinline", "true");
+    videoEl.setAttribute("x5-video-player-type", "h5");
+    videoEl.setAttribute("x5-video-player-fullscreen", "false");
+    videoEl.setAttribute("x5-video-orientation", "portraint");
+    videoEl.preload = "auto";
   };
   const updateTrack = (stream, newTrack) => {
-    if (newTrack.kind === "audio") {
-      stream.getAudioTracks().forEach((oldTrack) => {
+    if (newTrack.kind === "video") {
+      stream.getVideoTracks().forEach((oldTrack) => {
         stream.removeTrack(oldTrack);
         oldTrack.stop();
       });
       stream.addTrack(newTrack);
+    } else if (newTrack.kind === "audio") {
+      if (!stream.getAudioTracks().some((t) => t.id === newTrack.id)) {
+        stream.addTrack(newTrack);
+      }
+    }
+  };
+  const stopPlay = () => {
+    screenStatus.value = false;
+    const video = remoteVideoElement.value;
+    if (video && video.srcObject) {
+      video.srcObject.getTracks().forEach((track) => track.stop());
+      video.srcObject = null;
+      video.pause();
+      if (frameCallbackId.value) video.cancelVideoFrameCallback(frameCallbackId.value);
     }
   };
   const handleVisibilityChange = () => {
-    visible.value = document.visibilityState === "visible";
+    const video = remoteVideoElement.value;
+    if (!video || !video.srcObject) return;
+    video.srcObject.getTracks().forEach((track) => {
+      if (track.kind === "audio") {
+        track.enabled = document.visibilityState === "visible";
+      }
+    });
   };
   onMounted(() => {
     document.addEventListener("visibilitychange", handleVisibilityChange);
   });
-  onBeforeUnmount(async () => {
-    var _a;
+  onBeforeUnmount(() => {
     document.removeEventListener("visibilitychange", handleVisibilityChange);
     if (resizeObserver.value && videoContainer.value) {
       resizeObserver.value.unobserve(videoContainer.value);
     }
     stopPlay();
-    (_a = worker.value) == null ? void 0 : _a.postMessage({ type: "stopDecode" });
-    if (worker.value) {
-      worker.value.terminate();
-    }
   });
   return {
     videoSize,
@@ -5899,13 +5175,20 @@ function useRemoteVideo(videoContainer, remoteVideoElement, audioElement, videoA
     heightRadio,
     screenStatus,
     initVideoContainer,
-    startDecode,
-    stopPlay,
-    startPlayTrack
+    startPlay,
+    stopPlay
   };
 }
 function useMouseTouchControl(options) {
-  const { remoteVideoElement, cloudDeviceSize, streamAngle, videoAngle, widthRadio, isGroup, emit } = options;
+  const {
+    remoteVideoElement,
+    cloudDeviceSize,
+    streamAngle,
+    videoAngle,
+    widthRadio,
+    isGroup,
+    emit
+  } = options;
   const isPointerDown = ref(false);
   const bound = ref(0);
   const pointerList = ref(new Array(20).fill(0));
@@ -5913,24 +5196,30 @@ function useMouseTouchControl(options) {
   const index2 = ref(0);
   const groupIndex = ref(0);
   const handlePointerEvent = (event, action) => {
-    if (!remoteVideoElement.value)
-      return;
+    if (!remoteVideoElement.value) return;
     const offsetTime = Math.trunc(event.timeStamp - pointerDownTime.value[0]);
     const rect = remoteVideoElement.value.getBoundingClientRect();
     let x = event.clientX - rect.left;
     let y = event.clientY - rect.top;
     const cloudWidth = cloudDeviceSize.value.width;
     const cloudHeight = cloudDeviceSize.value.height;
-    const result = transformCoordinate(rect.width, rect.height, cloudWidth, cloudHeight, videoAngle.value, streamAngle.value, x, y);
-    if (!result || result.length < 2)
-      return;
+    const result = transformCoordinate(
+      rect.width,
+      rect.height,
+      cloudWidth,
+      cloudHeight,
+      videoAngle.value,
+      streamAngle.value,
+      x,
+      y
+    );
+    if (!result || result.length < 2) return;
     x = result[0];
     y = result[1];
     if (action === ActionType.ACTION_MOVE) {
       const flipY = pointerList.value[10] - y;
       const flipX = pointerList.value[0] - x;
-      if (Math.abs(flipY) < bound.value && Math.abs(flipX) < bound.value)
-        return;
+      if (Math.abs(flipY) < bound.value && Math.abs(flipX) < bound.value) return;
     }
     if (isGroup.value) {
       if (action === ActionType.ACTION_DOWN) {
@@ -5942,7 +5231,16 @@ function useMouseTouchControl(options) {
     }
     pointerList.value[0] = x;
     pointerList.value[10] = y;
-    const [px, py] = valueToPercentage(rect.width, rect.height, cloudWidth, cloudHeight, videoAngle.value, streamAngle.value, x, y);
+    const [px, py] = valueToPercentage(
+      rect.width,
+      rect.height,
+      cloudWidth,
+      cloudHeight,
+      videoAngle.value,
+      streamAngle.value,
+      x,
+      y
+    );
     const touchData = isGroup.value ? new TouchData(action, 0, px, py, offsetTime, "web", index2.value, groupIndex.value) : new TouchData(action, 0, px, py, offsetTime, "web");
     emit("channelEvent", ChannelDataType.ClickData, touchData);
   };
@@ -5956,8 +5254,7 @@ function useMouseTouchControl(options) {
     handlePointerEvent(event, ActionType.ACTION_DOWN);
   };
   const handleMouseMove = (event) => {
-    if (!isPointerDown.value)
-      return;
+    if (!isPointerDown.value) return;
     handlePointerEvent(event, ActionType.ACTION_MOVE);
     if (!remoteVideoElement.value) {
       return;
@@ -5969,8 +5266,7 @@ function useMouseTouchControl(options) {
     }
   };
   const handleMouseUp = (event) => {
-    if (!isPointerDown.value)
-      return;
+    if (!isPointerDown.value) return;
     isPointerDown.value = false;
     handlePointerEvent(event, ActionType.ACTION_UP);
     if (remoteVideoElement.value) {
@@ -6048,24 +5344,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     bgColor: { default: "transparent" },
     isGroup: { type: Boolean, default: false }
   },
-  emits: ["channelEvent", "groupControlEvent", "loadedSuccess", "loadedFailure"],
+  emits: ["channelEvent", "groupControlEvent", "loadedSuccess"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const emit = __emit;
     const props = __props;
     const { streamAngle, videoAngle, cursorType, cloudDeviceSize, disabled, bgColor, isGroup } = toRefs(props);
     const videoContainer = ref(null);
     const remoteVideoElement = ref(null);
-    const audioElement = ref(null);
     const cursorClass = useCursorStyle(cursorType);
     const {
       videoSize,
       dimensions,
       widthRadio,
       initVideoContainer,
-      startDecode,
-      stopPlay,
-      startPlayTrack
-    } = useRemoteVideo(videoContainer, remoteVideoElement, audioElement, videoAngle, emit);
+      startPlay,
+      stopPlay
+    } = useRemoteVideo(videoContainer, remoteVideoElement, videoAngle, emit);
     const {
       handleMouseDown,
       handleMouseMove,
@@ -6088,10 +5382,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useKeyboardControl(disabled, emit);
     useResizeObserver(videoContainer, dimensions);
     const handleClick = () => {
-      if (audioElement.value) {
-        audioElement.value.muted = false;
-        audioElement.value.play().catch(() => {
-        });
+      var _a;
+      if ((_a = remoteVideoElement.value) == null ? void 0 : _a.srcObject) {
+        remoteVideoElement.value.muted = false;
       }
     };
     onMounted(() => {
@@ -6101,7 +5394,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       document.removeEventListener("click", handleClick);
     });
-    __expose({ startDecode, stopPlay, remoteVideoElement, startPlayTrack });
+    __expose({ startPlay, stopPlay, remoteVideoElement });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "videoContainer",
@@ -6118,10 +5411,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "vContainer",
           style: normalizeStyle([{ height: unref(videoSize).height + "px", width: unref(videoSize).width + "px", transform: `rotate(${unref(videoAngle)}deg)` }, { "position": "relative", "overflow": "hidden" }])
         }, [
-          createElementVNode("canvas", {
+          createElementVNode("video", {
             ref_key: "remoteVideoElement",
             ref: remoteVideoElement,
-            class: normalizeClass(["canvas-control", [unref(cursorClass), { "no-events": unref(disabled) }]]),
+            class: normalizeClass(["video-control", [unref(cursorClass), { "no-events": unref(disabled) }]]),
             onPointerenter: _cache[0] || (_cache[0] = //@ts-ignore
             (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
             onPointerdown: _cache[1] || (_cache[1] = //@ts-ignore
@@ -6134,17 +5427,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
             onWheel: _cache[5] || (_cache[5] = //@ts-ignore
             (...args) => unref(handleWheel) && unref(handleWheel)(...args)),
-            hidden: "hidden",
-            style: normalizeStyle({ backgroundColor: `${unref(bgColor)}` })
-          }, null, 38),
-          createElementVNode("audio", {
-            ref_key: "audioElement",
-            ref: audioElement,
+            style: normalizeStyle({ backgroundColor: `${unref(bgColor)}` }),
             autoplay: "",
             playsinline: "",
             muted: "",
-            style: { "display": "none" }
-          }, null, 512)
+            disablePictureInPicture: true
+          }, null, 38)
         ], 36)
       ], 512);
     };
@@ -6157,10 +5445,12 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92723927"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-611728c2"]]);
 class SdkController extends EventEmitter {
   constructor(config) {
     super();
+    __publicField(this, "sdk");
+    __publicField(this, "config");
     this.config = config;
     this.sdk = new WebRTCSdk(this.config);
     this.initSdk();
@@ -6231,7 +5521,9 @@ class SdkController extends EventEmitter {
 }
 class GroupCtrlSocketManager {
   constructor(config) {
-    this.isSynchronous = true;
+    __publicField(this, "config");
+    __publicField(this, "websocketModeSdkController");
+    __publicField(this, "isSynchronous", true);
     this.config = config;
     enableLog(!!this.config.enableLogger);
     if (this.config.enableLogger !== void 0 && this.config.enableLogger) {