@havue/solutions 1.1.1 → 1.2.0

package/dist/solutions.full.js

@@ -6,14 +6,14 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
   var BcConnectEventTypeEnum = /* @__PURE__ */ ((BcConnectEventTypeEnum2) => {
-    BcConnectEventTypeEnum2["Broadcast"] = "Hello world";
-    BcConnectEventTypeEnum2["Broadcast_Reply"] = "I can hear you";
-    BcConnectEventTypeEnum2["Main_Node_Hearbeat"] = "苍天还在，别立黄天";
-    BcConnectEventTypeEnum2["Res_Main_Node_Hearbeat"] = "苍天在上，受我一拜";
-    BcConnectEventTypeEnum2["Req_Be_Main_Node"] = "苍天已死，黄天当立";
-    BcConnectEventTypeEnum2["Res_Be_Main_Node"] = "我是黄天，尔等退下";
-    BcConnectEventTypeEnum2["Node_Type_Change"] = "node type change";
-    BcConnectEventTypeEnum2["Friend_List_Update"] = "friend list update";
+    BcConnectEventTypeEnum2["Broadcast"] = "__BCM_INIT__";
+    BcConnectEventTypeEnum2["Broadcast_Reply"] = "__BCM_INIT_REPLY__";
+    BcConnectEventTypeEnum2["Main_Node_Hearbeat"] = "__BCM_MAIN_NODE_HEARBEAT__";
+    BcConnectEventTypeEnum2["Res_Main_Node_Hearbeat"] = "__BCM_MAIN_NODE_HEARBEAT_REPLY__";
+    BcConnectEventTypeEnum2["Req_Be_Main_Node"] = "__BCM_REQ_BE_MAIN_NODE__";
+    BcConnectEventTypeEnum2["Res_Be_Main_Node"] = "__BCM_REQ_BE_MAIN_NODE_REJECT__";
+    BcConnectEventTypeEnum2["Node_Type_Change"] = "__BCM_NODE_TYPE_CHANGE__";
+    BcConnectEventTypeEnum2["Friend_List_Update"] = "__BCM_FRIEND_LIST_UPDATE__";
     return BcConnectEventTypeEnum2;
   })(BcConnectEventTypeEnum || {});
   var BcConnectNodeTypeEnum = /* @__PURE__ */ ((BcConnectNodeTypeEnum2) => {
@@ -24,25 +24,30 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const MessageTimeout = 300;
   class BroadcastChannelManager {
     constructor(name, debug = false) {
-      /** 通道名称 */
+      /** 通道名称 | Channel name */
       __publicField(this, "_bcName");
-      /** BroadcastChannel实例 */
+      /** BroadcastChannel instance */
       __publicField(this, "_broadcastChannel");
-      /** 事件map */
+      /** Event map */
       __publicField(this, "_eventMap");
-      /** 主节点发送心跳的interval */
+      /** 主节点发送心跳的interval | The interval at which the master node sends the heartbeat */
       __publicField(this, "_mainNodeMsgInterval", null);
-      /** 认为主节点掉线的timeout */
-      __publicField(this, "_mainNoceMsgTimeoutTimer", null);
-      /** 当前实例id */
+      /** 认为主节点掉线的timeout | timeout to consider the primary node to be offline */
+      __publicField(this, "_mainNodeMsgTimeoutTimer", null);
+      /** 更新友方列表的timeout | Update the timeout of the friend list */
+      __publicField(this, "_updateFriendListTimer", null);
+      /** 当前实例id | Current instance id */
       __publicField(this, "id", Date.now() + Math.random());
-      /** 记录的友方id数组 */
+      /** 其他广播通道id列表 | List of other broadcast channel ids */
       __publicField(this, "_oldFrendChannelIdList", []);
-      /** 正在更新的右方id数组 */
+      /** 正在更新的id数组 | The id array being updated */
       __publicField(this, "_friendChannelIdSet", /* @__PURE__ */ new Set());
-      /** 当前节点类型 */
+      /** 当前节点类型 | Current node type */
       __publicField(this, "_nodeType");
-      /** 是否开启调试模式，会在控制台打印相关信息 */
+      /**
+       * 是否开启调试模式，会在控制台打印相关信息
+       * If debug mode is enabled, it will print information to the console
+       */
       __publicField(this, "_debug", false);
       this._debug = debug;
       this._bcName = name;
@@ -65,9 +70,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     close() {
       this._debug && console.log("BC:bc close");
       this._broadcastChannel && this._broadcastChannel.close();
+      this._broadcastChannel = void 0;
+      this._updateFriendListTimer && clearTimeout(this._updateFriendListTimer);
+      this._updateFriendListTimer = null;
+      this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
+      this._mainNodeMsgInterval = null;
+      this._mainNodeMsgTimeoutTimer && clearTimeout(this._mainNodeMsgTimeoutTimer);
+      this._mainNodeMsgTimeoutTimer = null;
+      this._oldFrendChannelIdList = [];
+      this._friendChannelIdSet.clear();
+      this._nodeType = void 0;
     }
     /**
-     * 切换节点类型
+     * 切换节点类型 | Switching node type
      * @param {BcConnectNodeTypeEnum} type
      * @returns
      */
@@ -76,30 +91,31 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return;
       }
       this._nodeType = type;
-      this.emit("node type change", {
-        type: "node type change",
+      this.emit("__BCM_NODE_TYPE_CHANGE__", {
+        type: "__BCM_NODE_TYPE_CHANGE__",
         data: type,
         id: this.id
       });
     }
-    /** 更新友方列表 */
+    /** 更新广播id列表 | Update the list of broadcast ids */
     _updateFriendList() {
       this.send(
-        "Hello world"
+        "__BCM_INIT__"
         /* Broadcast */
       );
-      setTimeout(() => {
+      this._updateFriendListTimer && clearTimeout(this._updateFriendListTimer);
+      this._updateFriendListTimer = setTimeout(() => {
         this._oldFrendChannelIdList = this._getNewFriendList();
         this._debug && console.log("BC:connect:updateFriendChannelIdList:", this._oldFrendChannelIdList);
-        this.emit("friend list update", {
-          type: "friend list update",
+        this.emit("__BCM_FRIEND_LIST_UPDATE__", {
+          type: "__BCM_FRIEND_LIST_UPDATE__",
           data: [...this._oldFrendChannelIdList],
           id: this.id
         });
         this._updataNodeType();
       }, MessageTimeout);
     }
-    /** 绑定事件 */
+    /** 绑定事件 | Bind event */
     _bindBroadcastChannelEvent() {
       this._broadcastChannel && (this._broadcastChannel.onmessage = (event) => {
         const { type, targetId } = event.data;
@@ -108,63 +124,63 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
         this.emit(type, event.data);
       });
-      this.on("Hello world", (data) => {
+      this.on("__BCM_INIT__", (data) => {
         const { id } = data;
         if (!this._friendChannelIdSet.has(id)) {
           this._friendChannelIdSet.add(id);
         }
-        this.sendToTarget("I can hear you", id);
+        this.sendToTarget("__BCM_INIT_REPLY__", id);
       });
-      this.on("I can hear you", (data) => {
+      this.on("__BCM_INIT_REPLY__", (data) => {
         const { id } = data;
         this._addFriend(id);
       });
-      this.on("苍天已死，黄天当立", (data) => {
+      this.on("__BCM_REQ_BE_MAIN_NODE__", (data) => {
         const { id } = data;
         if (id > this.id) {
-          this.sendToTarget("我是黄天，尔等退下", id);
+          this.sendToTarget("__BCM_REQ_BE_MAIN_NODE_REJECT__", id);
         }
       });
-      this.on("苍天在上，受我一拜", (data) => {
+      this.on("__BCM_MAIN_NODE_HEARBEAT_REPLY__", (data) => {
         this._addFriend(data.id);
       });
       this._bindNodeEvent();
     }
-    /** 监听节点类型切换事件 */
+    /** 监听节点类型切换事件 |  */
     _bindNodeEvent() {
       const onMainNodeHearbeat = (data) => {
         this._timeoutToBeMainNode();
         this._catchOldFriend();
         this._addFriend(data.id);
         this.send(
-          "苍天在上，受我一拜"
+          "__BCM_MAIN_NODE_HEARBEAT_REPLY__"
           /* Res_Main_Node_Hearbeat */
         );
       };
-      this.on("node type change", (info) => {
+      this.on("__BCM_NODE_TYPE_CHANGE__", (info) => {
         const { data } = info;
         this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
-        this._debug && console.log("BC:代理类型切换：", info.data);
+        this._debug && console.log("BC:NODE_TYPE_CHANGE：", info.data);
         if (data === "main") {
           this._mainNodeMsgInterval = setInterval(() => {
             this._catchOldFriend();
             this.send(
-              "苍天还在，别立黄天"
+              "__BCM_MAIN_NODE_HEARBEAT__"
               /* Main_Node_Hearbeat */
             );
           }, MessageTimeout);
         } else if (data === "normal") {
           this._timeoutToBeMainNode();
         }
-        this.on("苍天还在，别立黄天", onMainNodeHearbeat);
+        this.on("__BCM_MAIN_NODE_HEARBEAT__", onMainNodeHearbeat);
       });
     }
-    /** 获取最新的友方列表 */
+    /** 获取最新的节点列表 | Get the latest node list */
     _getNewFriendList() {
       return [...this._friendChannelIdSet].sort((a, b) => a - b);
     }
     /**
-     * 更新当前节点类型
+     * 更新当前节点类型 | Update the current node type
      */
     _updataNodeType() {
       this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
@@ -187,21 +203,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     _timeoutToBeMainNode() {
-      this._mainNoceMsgTimeoutTimer && clearTimeout(this._mainNoceMsgTimeoutTimer);
-      this._mainNoceMsgTimeoutTimer = setTimeout(() => {
+      this._mainNodeMsgTimeoutTimer && clearTimeout(this._mainNodeMsgTimeoutTimer);
+      this._mainNodeMsgTimeoutTimer = setTimeout(() => {
         this._req_beMainNode();
       }, MessageTimeout * 3);
     }
     /**
-     * 保持记录的活跃的友方id列表
-     * 清空正在记录的友方id列表
+     * 保存最新的节点列表到_oldFrendChannelIdList，清空_friendChannelIdSet
+     * Save the latest node list to _oldFrendChannelIdList and clear _friendChannelIdSet
      */
     _catchOldFriend() {
       const newFriendList = this._getNewFriendList();
       if (this._oldFrendChannelIdList.join() !== newFriendList.join()) {
         this._debug && console.log("BC:updateFriendChannelIdList:", newFriendList);
-        this.emit("friend list update", {
-          type: "friend list update",
+        this.emit("__BCM_FRIEND_LIST_UPDATE__", {
+          type: "__BCM_FRIEND_LIST_UPDATE__",
           data: [...newFriendList],
           id: this.id
         });
@@ -216,12 +232,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this._friendChannelIdSet.clear();
     }
     /**
-     * 申请成为主节点
+     * 申请成为主节点 | Apply to be a master node
      */
     _req_beMainNode() {
       this._debug && console.log("BC:req_beMainNode");
       this.send(
-        "苍天已死，黄天当立"
+        "__BCM_REQ_BE_MAIN_NODE__"
         /* Req_Be_Main_Node */
       );
       const timer = setTimeout(() => {
@@ -232,13 +248,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }, MessageTimeout);
       const handleRes_beMainNode = () => {
         clearTimeout(timer);
-        this.off("我是黄天，尔等退下", handleRes_beMainNode);
+        this.off("__BCM_REQ_BE_MAIN_NODE_REJECT__", handleRes_beMainNode);
       };
-      this.on("我是黄天，尔等退下", handleRes_beMainNode);
+      this.on("__BCM_REQ_BE_MAIN_NODE_REJECT__", handleRes_beMainNode);
     }
     /**
-     * 添加友方
-     * @param id 节点id
+     * add node
+     * @param id id
      */
     _addFriend(id) {
       if (!this._friendChannelIdSet.has(id)) {
@@ -246,9 +262,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * 广播消息
-     * @param type 消息类型
-     * @param data 数据
+     * 广播消息 | Send Broadcast message
+     * @param type 消息类型 | Message type
+     * @param data 数据 | data
      */
     send(type, data) {
       var _a;
@@ -259,10 +275,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     /**
-     * 给特定id的节点发送消息
-     * @param type 消息类型
-     * @param targetId 目标节点id
-     * @param data 数据
+     * 给特定id的节点发送消息 | Send a message to a node with a specific id
+     * @param type 消息类型 | Message type
+     * @param targetId 目标节点id | Target Node id
+     * @param data 数据 | data
      */
     sendToTarget(type, targetId, data) {
       var _a;
@@ -274,9 +290,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     /**
-     * 注册事件
-     * @param { string } event 事件类型
-     * @param callback 回调
+     * 注册事件 | Registering events
+     * @param { string } event 事件类型 | Event type
+     * @param callback 回调 | callback
      * @returns void
      */
     on(event, callback) {
@@ -291,9 +307,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       callbacks.push(callback);
     }
     /**
-     * 注销事件
-     * @param { string } event 事件类型
-     * @param callback 事件回调
+     * 注销事件 | Remove events
+     * @param { string } event 事件类型 | Event type
+     * @param callback 事件回调 | callback
      * @returns
      */
     off(event, callback) {
@@ -309,9 +325,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       callbacks.splice(index, 1);
     }
     /**
-     * 触发事件
-     * @param { string } event 事件类型
-     * @param data 数据
+     * 触发事件 | Triggering events
+     * @param { string } event 事件类型 | Event type
+     * @param data 数据 | data
      */
     emit(event, data) {
       const callbacks = this._eventMap.get(event) || [];
@@ -320,7 +336,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     /**
-     * 销毁
+     * 销毁 | destroy
      */
     destroy() {
       var _a;
@@ -334,8 +350,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this._nodeType = void 0;
       this._mainNodeMsgInterval && clearInterval(this._mainNodeMsgInterval);
       this._mainNodeMsgInterval = null;
-      this._mainNoceMsgTimeoutTimer && clearInterval(this._mainNoceMsgTimeoutTimer);
-      this._mainNoceMsgTimeoutTimer = null;
+      this._mainNodeMsgTimeoutTimer && clearInterval(this._mainNodeMsgTimeoutTimer);
+      this._mainNodeMsgTimeoutTimer = null;
       this._debug && console.log("BC:destroy");
     }
   }
@@ -7682,29 +7698,32 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     // private divID = ''
     constructor(options = {}) {
       super();
-      /** video元素 */
+      /** video元素 | videw element */
       __publicField(this, "_videoEl");
-      /** mp4box 实例 */
+      /** mp4box file */
       __publicField(this, "_mp4box", MP4Box.createFile());
-      /** mp4box onFragment获取的视频数据buffer数组 */
+      /**
+       * mp4box onFragment获取的视频数据buffer数组
+       * mp4box onFragment gets a buffer array of audio and video data
+       */
       __publicField(this, "_audioBufsQueue", []);
       __publicField(this, "_videoBufsQueue", []);
-      /** MediaSource 实例 */
+      /** MediaSource instance */
       __publicField(this, "_mediaSource");
-      /** SourceBuffer 实例 */
+      /** SourceBuffer instance */
       __publicField(this, "_audioSourceBuffer");
       __publicField(this, "_videoSourceBuffer");
       __publicField(this, "_audioTrackId");
       __publicField(this, "_videoTrackId");
-      /** 用于MediaSource的mimeType */
+      /** 用于MediaSource的mimeType | mime type of the video */
       __publicField(this, "_mimeType", "");
       __publicField(this, "_audioMimeType", "");
       __publicField(this, "_videoMimeType", "");
-      /** 是否暂停播放 */
+      /** 是否暂停播放 | Pause or not */
       __publicField(this, "_paused", false);
       __publicField(this, "_options");
       __publicField(this, "_cacheAnimationID");
-      /** fmp4初始化片段是否已经添加 */
+      /** fmp4初始化片段是否已经添加 | fmp4 Initializes whether the fragment has been added */
       __publicField(this, "_isAudioInitSegmentAdded", false);
       __publicField(this, "_isVideoInitSegmentAdded", false);
       __publicField(this, "_offset", 0);
@@ -7737,14 +7756,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     get videoEl() {
       return this._videoEl;
     }
-    /** 更新实例配置 */
+    /** 更新实例配置 | Update configuration */
     updateOptions(option = {}) {
       Object.assign(this._options, {
         ...option
       });
     }
     /**
-     * 添加视频流buffer数据
+     * 添加视频流buffer数据 | Add video stream buffer data
      * @param buf
      */
     appendMediaBuffer(bufs) {
@@ -7759,8 +7778,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return;
     }
     /**
-     * mp4box解析完成
-     * @param info mp4box解析信息
+     * mp4box解析完成 | handle Mp4box onReady
+     * @param info mp4box解析信息 | mp4box parses the information
      */
     _onMp4boxReady(info) {
       console.log("onMp4boxReady", info);
@@ -7837,7 +7856,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this._cache(isVideo);
     }
     /**
-     * 初始化视频元素
+     * 初始化视频元素 | Initialize the video element
      */
     _setupVideo() {
       this._videoEl = document.createElement("video");
@@ -7893,13 +7912,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 是否支持Media Source Extention
+     * whether Media Source Extention is supported
      * @returns boolean
      */
     isSupportMSE() {
       return "MediaSource" in window;
     }
     /**
-     * 初始化MSE
+     * 初始化MSE | Init MSE
      * @returns
      */
     _setupMSE() {
@@ -7976,6 +7996,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 将_bufsQueue中的数据添加到SourceBuffer中
+     * Add the data from _bufsQueue to the SourceBuffer
      * @returns
      */
     _cache(isVideo = false) {
@@ -8019,6 +8040,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 刷新播放时间为最新
+     * Refresh the playback time to the latest
      */
     refresh() {
       if (this._videoEl && this._videoEl.buffered.length) {
@@ -8026,7 +8048,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this._videoEl.currentTime = end;
       }
     }
-    /** 重置解析的视频mime type */
+    /** 重置解析的视频mime type | Reset the parsed video mime type */
     resetMimeType() {
       this.destroyMp4box();
       this.destroyMediaSource();
@@ -8077,7 +8099,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this._mp4box = null;
     }
     /**
-     * 销毁
+     * 销毁 | Destroy
      */
     destroy() {
       if (this._videoEl) {
@@ -8128,7 +8150,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this._ctx2d.fillRect(0, 0, this._canvas.width, this._canvas.height);
     }
     /**
-     * 初始化 webgl
+     * 初始化 webgl | Initialize webgl
      */
     initGl() {
       if (!this._canvas) return;
@@ -8170,7 +8192,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this._glReady = true;
     }
     /**
-     * 创建着色器源码
+     * 创建着色器源码 | Create shader source code
      */
     createShaderSource(gl, type) {
       const vertexShaderSource = `
@@ -8197,7 +8219,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * 创建着色器
+     * 创建着色器 | Create shaders
      */
     createShader(gl, type, source) {
       const shader = gl.createShader(type);
@@ -8215,7 +8237,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return shader;
     }
     /**
-     * 创建着色器程序
+     * 创建着色器程序 | Create program
      */
     createProgram(gl, vertexShader, fragmentShader) {
       const program = gl.createProgram();
@@ -8234,7 +8256,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return program;
     }
     /**
-     * 绘制
+     * 绘制 | draw
      */
     draw(video) {
       if (this._useGl) {
@@ -8273,7 +8295,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * 销毁
+     * 销毁 | Destroy
      */
     destroy() {
       this._canvas = null;
@@ -8309,7 +8331,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class WsVideoManager extends EventBus {
     constructor(options) {
       super();
-      /** socket连接 渲染相关对应信息 */
+      /** socket相关信息map | map of socket information */
       __publicField(this, "_wsInfoMap", /* @__PURE__ */ new Map());
       __publicField(this, "_option", DEFAULT_OPTIONS);
       __publicField(this, "_reqAnimationID", null);
@@ -8342,8 +8364,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       render();
     }
     /**
-     * 添加socket实例
-     * @param url socket地址
+     * 添加socket连接 | Adding a socket connection
+     * @param url socket url
      * @returns
      */
     _addSocket(url, renderOptions) {
@@ -8372,9 +8394,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       socket.open();
     }
     /**
-     * 绑定render事件
-     * @param url 连接地址
-     * @param render Render实例
+     * 绑定render事件 | Binding the render event
+     * @param url 连接地址 | websocket url
+     * @param render Render instance
      */
     _bindRenderEvent(url, render) {
       render.on(RenderEventsEnum.AUDIO_STATE_CHANGE, (state) => {
@@ -8388,8 +8410,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     /**
-     * 销毁socket实例
-     * @param url socket地址
+     * Destroying the socket connect
+     * @param url socket url
      */
     _removeSocket(url) {
       const wsInfo = this._wsInfoMap.get(url);
@@ -8403,9 +8425,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * 绑定socket事件
-     * @param url 连接地址
-     * @param socket WebSocketLoader实例
+     * 绑定socket事件 | Binding socket events
+     * @param url websocket url
+     * @param socket WebSocketLoader instance
      */
     _bindSocketEvent(socket, render, url) {
       socket.on("close", () => {
@@ -8435,8 +8457,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * url对应的 socket实例是否已存在
-     * @param url socket地址
+     * url对应的 socket实例是否已存在 | Whether the socket instance for the url already exists
+     * @param url websocket url
      * @returns boolean
      */
     _isSocketExist(url) {
@@ -8444,8 +8466,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 添加url对应socket，以及需要绘制的canvas元素
-     * @param canvas canvas元素
-     * @param url socket url地址
+     * Add the socket for the url and the canvas element to draw
+     * @param canvas canvas
+     * @param url websocket url
      */
     addCanvas(canvas, url, renderOptions) {
       this._addSocket(url, renderOptions);
@@ -8464,8 +8487,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * 初始化canvas背景
-     * @param canvas canvas元素
+     * 初始化canvas背景 | Initialize the canvas background
+     * @param canvas canvas
      * @returns
      */
     // private _setupCanvas(canvas: HTMLCanvasElement) {
@@ -8477,8 +8500,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     //   ctx.fillRect(0, 0, canvas.width, canvas.height)
     // }
     /**
-     * 删除canvas元素
-     * @param canvas canvas元素
+     * 删除canvas元素 || Remove the canvas element
+     * @param canvas canvas
      */
     removeCanvas(canvas) {
       const entries = this._wsInfoMap.entries();
@@ -8497,8 +8520,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     /**
-     * 返回canvas是否已经添加过
-     * @param canvas canvas元素
+     * 获取canvas是否已经添加过 | Gets whether the canvas has already been added
+     * @param canvas canvas
      * @returns boolean
      */
     isCanvasExist(canvas) {
@@ -8507,13 +8530,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return info.canvasMap.has(canvas);
       });
     }
-    /** 设置全部render静音状态 */
+    /** 设置全部render静音状态 | Mute all render */
     setAllVideoMutedState(muted) {
       this._wsInfoMap.forEach((wsInfo) => {
         wsInfo.render.muted = muted;
       });
     }
-    /** 更新单个render实例的配置 */
+    /** 更新单个render实例的配置 | Update the configuration of a single render instance */
     updateRenderOptions(url, options) {
       if (options) {
         const wsInfo = this._wsInfoMap.get(url);
@@ -8521,9 +8544,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * 设置单个render静音状态
+     * 设置单个render静音状态 | Set a single render to be silent
      * @param url
-     * @param muted boolean 是否静音
+     * @param {boolean} muted  是否静音 | Muted or not
      */
     setOneMutedState(url, muted) {
       const wsInfo = this._wsInfoMap.get(url);
@@ -8534,7 +8557,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 获取url对应render video元素是否静音
-     * @param url socket地址
+     * Gets whether the render video element of the url is muted
+     * @param url websocket url
      */
     getOneMutedState(url) {
       const wsInfo = this._wsInfoMap.get(url);
@@ -8545,7 +8569,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 单个解除静音，其他未静音的变成静音，只播放一个
-     * @param url socket地址
+     * Unmute a single video and mute all other videos
+     * @param url websocket url
      */
     playOneAudio(url) {
       this.setAllVideoMutedState(true);
@@ -8553,6 +8578,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 设置单个render是否继续处理ws数据
+     * Sets whether a single render continues to process ws data
      * @param url
      */
     setOneVideoPausedState(url, paused) {
@@ -8562,15 +8588,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       wsInfo.render.paused = paused;
     }
-    /** 设置全部render是否继续处理ws数据 */
+    /** 设置全部render是否继续处理ws数据 | Sets whether all render continues to process ws data */
     setAllVideoPausedState(paused) {
       this._wsInfoMap.forEach((wsInfo) => {
         wsInfo.render.paused = paused;
       });
     }
     /**
-     * 获取url对应render video元素是否继续播放
-     * @param url socket地址
+     * 获取url对应render video元素的播放状态
+     * Get the playback status of the render video element corresponding to the url
+     * @param url websocket url
      */
     getOneVideoPausedState(url) {
       const wsInfo = this._wsInfoMap.get(url);
@@ -8581,7 +8608,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 单个视频继续播放，其他暂停处理数据
-     * @param url socket地址
+     * A single video continues to play while others pause to process data
+     * @param url websocket url
      */
     playOneVideo(url) {
       this.setAllVideoPausedState(true);
@@ -8589,6 +8617,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 刷新socket，以及播放时间
+     * Refresh the socket, and the playback time
      */
     refresh(url) {
       if (url) {
@@ -8609,7 +8638,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * 销毁
+     * 销毁 | Destroy
      */
     destroy() {
       this._wsInfoMap.forEach((wsInfo) => {