@besovideo/webrtc-player 0.8.55 → 0.8.57

package/dist/main.browser.css

@@ -664,7 +664,7 @@
   transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
   display: flex;
   justify-content: space-between;
-  height: 25%;
+  height: 30%;
   min-height: 110px;
   max-height: 150px;
   width: 60%;
@@ -714,7 +714,7 @@
   white-space: nowrap;
 }
 .bvplayer-ptz_control_camera-option_item:not(:last-child) {
-  margin-bottom: 8px;
+  margin-bottom: 4%;
 }
 .bvplayer-ptz_control_camera-option_item_label {
   display: inline-block;

package/dist/main.browser.js

@@ -23,6 +23,18 @@ var bvPlayerCore = (() => {
     return a2;
   };
   var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
+  var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   var __esm = (fn2, res) => function __init() {
     return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
   };
@@ -105,7 +117,7 @@ var bvPlayerCore = (() => {
   var define_processenv_default;
   var init_define_processenv = __esm({
     "<define:processenv>"() {
-      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.55", PROJECT_NAMESPACE: "bvplayer" };
+      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.57", PROJECT_NAMESPACE: "bvplayer" };
     }
   });
 
@@ -9238,9 +9250,20 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     });
     return data;
   });
+  var put = (url, param, option) => __async(void 0, null, function* () {
+    const data = yield request(url, {
+      method: "PUT" /* PUT */,
+      headers: __spreadValues({
+        "Content-Type": "application/json;charset=UTF-8"
+      }, option == null ? void 0 : option.headers),
+      bodyData: param
+    });
+    return data;
+  });
   var http = {
     get: get3,
-    post
+    post,
+    put
   };
   var http_default = http;
 
@@ -11208,6 +11231,7 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
   var MikeOn = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(SvgElementbvPlayerCoreMikeOn, null));
   var MikeOff = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(SvgElementbvPlayerCoreMikeOff, null));
   var MikeDoing = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h("span", { style: `display: inline-block; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='18' cy='12' r='0' fill='currentColor'%3E%3Canimate attributeName='r' begin='.67' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='0' fill='currentColor'%3E%3Canimate attributeName='r' begin='.33' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='0' fill='currentColor'%3E%3Canimate attributeName='r' begin='0' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3C!-- 1702453639037 --%3E%3C/svg%3E"); width: 20px; height: 20px; background-color: currentcolor; mask-image: var(--svg); mask-repeat: no-repeat; mask-size: 100% 100%;` }));
+  var GoPresetPoint = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 1024 1024" }, /* @__PURE__ */ jsx.h("path", { fill: "currentColor", d: "M992 480h-97.44C879.168 293.472 730.512 144.96 544 129.536V32c0-17.664-14.336-32-32-32s-32 14.336-32 32v97.536C293.504 144.96 144.832 293.472 129.424 480H32c-17.664 0-32 14.336-32 32s14.336 32 32 32h97.424C144.832 730.512 293.504 879.04 480 894.464V992c0 17.664 14.336 32 32 32s32-14.336 32-32v-97.536C730.512 879.04 879.168 730.512 894.56 544H992c17.664 0 32-14.336 32-32s-14.336-32-32-32M480 193.584V480H193.552C208.56 328.8 328.8 208.592 480 193.584M193.552 544H480v286.416C328.8 815.408 208.56 695.2 193.552 544M544 830.416V544h286.448C815.44 695.2 695.2 815.408 544 830.416M544 480V193.584C695.2 208.592 815.44 328.8 830.448 480z" })));
   var directionDeg = {
     top: {
       value: 0,
@@ -11276,7 +11300,8 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     Operator,
     MikeOn,
     MikeOff,
-    MikeDoing
+    MikeDoing,
+    GoPresetPoint
   };
   var icons_default = Icons;
 
@@ -12149,6 +12174,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
   // src/plugins/player/infoList.tsx
   init_define_processenv();
   init_jsx_shim();
+  init_jsx();
   var InfoListItem = ({
     label,
     value,
@@ -12198,7 +12224,21 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     if (!resData || resData.code !== 0)
       throw new PtzCameraError(`ptz control failed: ${resData == null ? void 0 : resData.msg}`);
   });
+  var ptzGoPresetPoint = (puId, index, id, params, token) => __async(void 0, null, function* () {
+    const headers = {
+      Authorization: token || ""
+    };
+    const resData = yield http_default.put(
+      `${apiUrls.bvscpV1()}/pu/ptz/preset/go/${puId}/${index}/${id}`,
+      params,
+      { headers }
+    );
+    logger_default.api("\u53BB\u9884\u5236\u70B9\u63A7\u5236: ", { params, resData });
+    if (!resData || resData.code !== 0)
+      throw new PtzCameraError(`ptz preset point failed: ${resData == null ? void 0 : resData.msg}`);
+  });
   var deviceApi = {
+    ptzGoPresetPoint,
     ptzCamera
   };
   var device_default = deviceApi;
@@ -12278,6 +12318,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     init() {
       const el = this.el;
       this.domEventStore.add(el, "mousedown", this.start.bind(this));
+      this.domEventStore.add(el, "click", () => this.dispatch("click"));
       core_default.dom.append(el, core_default.dom.createByJsx(this._icon));
       return el;
     }
@@ -15465,6 +15506,64 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
   };
   var speedSlider_default = PtzSpeedSliderPlugin;
 
+  // src/plugins/ptz/index.tsx
+  init_jsx();
+
+  // src/templates/input.tsx
+  init_define_processenv();
+  init_jsx_shim();
+  init_jsx();
+  var Input = (_a) => {
+    var _b = _a, {
+      className,
+      type = "text",
+      name,
+      placeholder,
+      readonly = false,
+      disabled = false,
+      onChange
+    } = _b, rest = __objRest(_b, [
+      "className",
+      "type",
+      "name",
+      "placeholder",
+      "readonly",
+      "disabled",
+      "onChange"
+    ]);
+    HTMLInputElement;
+    const clsName = core_default.style.prefixCls(["input", className]);
+    const handleChange = (e) => {
+      const input = e.target;
+      if (input.type == "number") {
+        const min2 = Number(input.min);
+        const max2 = Number(input.max);
+        const value = Number(input.value);
+        if (value < min2) {
+          input.value = input.min;
+        }
+        if (value > max2) {
+          input.value = input.max;
+        }
+      }
+      onChange && onChange(input.value);
+    };
+    return /* @__PURE__ */ jsx.h(
+      "input",
+      __spreadValues({
+        className: clsName,
+        withNamespace: true,
+        type,
+        name,
+        placeholder,
+        readonly,
+        disabled,
+        onChange: handleChange
+      }, rest)
+    );
+  };
+  var input_default = Input;
+
   // src/plugins/ptz/index.tsx
   var directionOperateVariants = {
     ["lefttop" /* LEFT_TOP */]: {
@@ -15507,6 +15606,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       // 0 - 100
       this.hSpeed = 50;
       this.vSpeed = 50;
+      this.iPresetPoint = 1;
       this._buttons = [];
       this._speedSlider = new speedSlider_default(this.hSpeed);
     }
@@ -15542,6 +15642,26 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       button.addEventListener("start", () => sendOperate(false));
       button.addEventListener("stop", () => sendOperate(true));
     }
+    sendGoPresetPoint() {
+      return __async(this, null, function* () {
+        if (!this.puOption || !this.token)
+          return;
+        try {
+          yield device_default.ptzGoPresetPoint(
+            this.puOption.id,
+            this.puOption.index,
+            this.iPresetPoint.toString(),
+            {
+              hSpeed: this.hSpeed,
+              vSpeed: this.vSpeed
+            },
+            this.token
+          );
+        } catch (e) {
+          logger_default.error(e);
+        }
+      });
+    }
     beforeDestroy() {
       this._buttons.forEach((plugin) => plugin.destroy());
     }
@@ -15615,7 +15735,32 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
             minusButton.init(),
             plusButton.init()
           ));
-        })), /* @__PURE__ */ jsx.h(
+        }).concat(Array.from({ length: 1 }).map(() => {
+          const goButton = new button_default3(
+            /* @__PURE__ */ jsx.h(icons_default.GoPresetPoint, null),
+            "ptz_control_operator-button"
+          );
+          goButton.addEventListener("click", () => this.sendGoPresetPoint());
+          return /* @__PURE__ */ jsx.h("div", { className: "ptz_control_camera-option_item", withNamespace: true }, /* @__PURE__ */ jsx.h(
+            "span",
+            {
+              className: "ptz_control_camera-option_item_label",
+              withNamespace: true
+            },
+            t("yu-zhi-dian"),
+            "\uFF1A"
+          ), /* @__PURE__ */ jsx.h(
+            "span",
+            {
+              className: "ptz_control_camera-option_item_value",
+              withNamespace: true
+            },
+            /* @__PURE__ */ jsx.h(input_default, { type: "number", style: "width: 50px; vertical-align: middle;height: 16px;", min: "1", max: "255", value: "1", onChange: (value) => {
+              this.iPresetPoint = Number(value);
+            } }),
+            goButton.init()
+          ));
+        }))), /* @__PURE__ */ jsx.h(
           button_default2,
           {
             className: "ptz_control_close-button",
@@ -15826,6 +15971,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     }
     close() {
       return __async(this, null, function* () {
+        this._infoModal.dispatch("hide");
         this.dispatch("close");
         this.closeWebrtc();
       });
@@ -16033,7 +16179,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
               lastRecv = recv;
               const currentLost = lost - lastLost;
               lastLost = lost;
-              lastRate = currentLost > 0 ? currentLost / currentRecv : 0;
+              lastRate = currentLost > 0 ? currentLost / (currentRecv + currentLost) : 0;
               lastRate = Math.floor(lastRate * 100);
               return lastRate;
             }
@@ -16075,7 +16221,6 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
             },
             packetsLost(v2, info) {
               const lostRate = audioLostCalc(info.packetsReceived, info.packetsLost);
-              console.log("lost rate", lostRate);
               return {
                 label: t("lostpackrate"),
                 value: String(lostRate) + "%"
@@ -16102,7 +16247,6 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
             },
             packetsRecved(v2, info) {
               const lostRate = videoLostCalc(info.packetsRecved, info.packetsLost);
-              console.log("lost rate", lostRate);
               return {
                 label: t("lostpackrate"),
                 value: String(lostRate) + "%"
@@ -17414,7 +17558,8 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     connecting: "connecting",
     connected: "connected",
     transfer: "transfer",
-    type: "type"
+    type: "type",
+    "yu-zhi-dian": "preset"
   };
 
   // src/locales/zh.json
@@ -17452,7 +17597,8 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     connecting: "\u8FDE\u63A5\u4E2D",
     connected: "\u5DF2\u8FDE\u63A5",
     transfer: "\u4F20\u8F93",
-    type: "\u65B9\u5F0F"
+    type: "\u65B9\u5F0F",
+    "yu-zhi-dian": "\u9884\u5236\u70B9"
   };
 
   // src/locales/i18n.ts
@@ -18882,6 +19028,8 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
                   player.mask.visible = true;
                   player.mask.text = t("video-closed");
                   useRecntMgr == null ? void 0 : useRecntMgr.reconnect();
+                  removeRefresh();
+                  player.close();
                 }
               };
               hplayer.onvideo = () => {
@@ -18902,7 +19050,6 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
                 player.clearEventListener("recordStart");
                 player.clearEventListener("recordStop");
                 player.clearEventListener("screenshot");
-                removeRefresh();
                 hplayer == null ? void 0 : hplayer.close();
                 yield dialog_default.closeDialogs(
                   [hplayer == null ? void 0 : hplayer.getDialogID()],
@@ -18924,7 +19071,6 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
                 yield hplayer.getPlayerStatistic();
                 const staticInfo = hplayer.mediaStatisticInfo;
                 const { infoModal } = e2.target;
-                console.log(staticInfo.audioStatistic);
                 const audioList = hplayer.getAudioInfo().codec == "none" ? [] : [
                   {
                     label: t("codec"),

package/dist/main.es.css

@@ -664,7 +664,7 @@
   transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
   display: flex;
   justify-content: space-between;
-  height: 25%;
+  height: 30%;
   min-height: 110px;
   max-height: 150px;
   width: 60%;
@@ -714,7 +714,7 @@
   white-space: nowrap;
 }
 .bvplayer-ptz_control_camera-option_item:not(:last-child) {
-  margin-bottom: 8px;
+  margin-bottom: 4%;
 }
 .bvplayer-ptz_control_camera-option_item_label {
   display: inline-block;

package/dist/main.es.js

@@ -21,6 +21,18 @@ var __spreadValues = (a2, b2) => {
   return a2;
 };
 var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __esm = (fn2, res) => function __init() {
   return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
@@ -99,7 +111,7 @@ var __async = (__this, __arguments, generator) => {
 var define_processenv_default;
 var init_define_processenv = __esm({
   "<define:processenv>"() {
-    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.55", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.57", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -9224,9 +9236,20 @@ var post = (url, param, option) => __async(void 0, null, function* () {
   });
   return data;
 });
+var put = (url, param, option) => __async(void 0, null, function* () {
+  const data = yield request(url, {
+    method: "PUT" /* PUT */,
+    headers: __spreadValues({
+      "Content-Type": "application/json;charset=UTF-8"
+    }, option == null ? void 0 : option.headers),
+    bodyData: param
+  });
+  return data;
+});
 var http = {
   get: get3,
-  post
+  post,
+  put
 };
 var http_default = http;
 
@@ -11194,6 +11217,7 @@ var PtzControl = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(S
 var MikeOn = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(SvgElementbvPlayerCoreMikeOn, null));
 var MikeOff = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(SvgElementbvPlayerCoreMikeOff, null));
 var MikeDoing = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h("span", { style: `display: inline-block; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='18' cy='12' r='0' fill='currentColor'%3E%3Canimate attributeName='r' begin='.67' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='0' fill='currentColor'%3E%3Canimate attributeName='r' begin='.33' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='0' fill='currentColor'%3E%3Canimate attributeName='r' begin='0' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3C!-- 1702453639037 --%3E%3C/svg%3E"); width: 20px; height: 20px; background-color: currentcolor; mask-image: var(--svg); mask-repeat: no-repeat; mask-size: 100% 100%;` }));
+var GoPresetPoint = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 1024 1024" }, /* @__PURE__ */ jsx.h("path", { fill: "currentColor", d: "M992 480h-97.44C879.168 293.472 730.512 144.96 544 129.536V32c0-17.664-14.336-32-32-32s-32 14.336-32 32v97.536C293.504 144.96 144.832 293.472 129.424 480H32c-17.664 0-32 14.336-32 32s14.336 32 32 32h97.424C144.832 730.512 293.504 879.04 480 894.464V992c0 17.664 14.336 32 32 32s32-14.336 32-32v-97.536C730.512 879.04 879.168 730.512 894.56 544H992c17.664 0 32-14.336 32-32s-14.336-32-32-32M480 193.584V480H193.552C208.56 328.8 328.8 208.592 480 193.584M193.552 544H480v286.416C328.8 815.408 208.56 695.2 193.552 544M544 830.416V544h286.448C815.44 695.2 695.2 815.408 544 830.416M544 480V193.584C695.2 208.592 815.44 328.8 830.448 480z" })));
 var directionDeg = {
   top: {
     value: 0,
@@ -11262,7 +11286,8 @@ var Icons = {
   Operator,
   MikeOn,
   MikeOff,
-  MikeDoing
+  MikeDoing,
+  GoPresetPoint
 };
 var icons_default = Icons;
 
@@ -12135,6 +12160,7 @@ var fullscreen_default = fullscreen;
 // src/plugins/player/infoList.tsx
 init_define_processenv();
 init_jsx_shim();
+init_jsx();
 var InfoListItem = ({
   label,
   value,
@@ -12184,7 +12210,21 @@ var ptzCamera = (puId, index, params, token) => __async(void 0, null, function*
   if (!resData || resData.code !== 0)
     throw new PtzCameraError(`ptz control failed: ${resData == null ? void 0 : resData.msg}`);
 });
+var ptzGoPresetPoint = (puId, index, id, params, token) => __async(void 0, null, function* () {
+  const headers = {
+    Authorization: token || ""
+  };
+  const resData = yield http_default.put(
+    `${apiUrls.bvscpV1()}/pu/ptz/preset/go/${puId}/${index}/${id}`,
+    params,
+    { headers }
+  );
+  logger_default.api("\u53BB\u9884\u5236\u70B9\u63A7\u5236: ", { params, resData });
+  if (!resData || resData.code !== 0)
+    throw new PtzCameraError(`ptz preset point failed: ${resData == null ? void 0 : resData.msg}`);
+});
 var deviceApi = {
+  ptzGoPresetPoint,
   ptzCamera
 };
 var device_default = deviceApi;
@@ -12264,6 +12304,7 @@ var PtzControlButtonPlugin = class extends Plugin {
   init() {
     const el = this.el;
     this.domEventStore.add(el, "mousedown", this.start.bind(this));
+    this.domEventStore.add(el, "click", () => this.dispatch("click"));
     core_default.dom.append(el, core_default.dom.createByJsx(this._icon));
     return el;
   }
@@ -15451,6 +15492,64 @@ var PtzSpeedSliderPlugin = class extends Plugin {
 };
 var speedSlider_default = PtzSpeedSliderPlugin;
 
+// src/plugins/ptz/index.tsx
+init_jsx();
+
+// src/templates/input.tsx
+init_define_processenv();
+init_jsx_shim();
+init_jsx();
+var Input = (_a) => {
+  var _b = _a, {
+    className,
+    type = "text",
+    name,
+    placeholder,
+    readonly = false,
+    disabled = false,
+    onChange
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "type",
+    "name",
+    "placeholder",
+    "readonly",
+    "disabled",
+    "onChange"
+  ]);
+  HTMLInputElement;
+  const clsName = core_default.style.prefixCls(["input", className]);
+  const handleChange = (e) => {
+    const input = e.target;
+    if (input.type == "number") {
+      const min2 = Number(input.min);
+      const max2 = Number(input.max);
+      const value = Number(input.value);
+      if (value < min2) {
+        input.value = input.min;
+      }
+      if (value > max2) {
+        input.value = input.max;
+      }
+    }
+    onChange && onChange(input.value);
+  };
+  return /* @__PURE__ */ jsx.h(
+    "input",
+    __spreadValues({
+      className: clsName,
+      withNamespace: true,
+      type,
+      name,
+      placeholder,
+      readonly,
+      disabled,
+      onChange: handleChange
+    }, rest)
+  );
+};
+var input_default = Input;
+
 // src/plugins/ptz/index.tsx
 var directionOperateVariants = {
   ["lefttop" /* LEFT_TOP */]: {
@@ -15493,6 +15592,7 @@ var PtzPluginBase = class extends Plugin {
     // 0 - 100
     this.hSpeed = 50;
     this.vSpeed = 50;
+    this.iPresetPoint = 1;
     this._buttons = [];
     this._speedSlider = new speedSlider_default(this.hSpeed);
   }
@@ -15528,6 +15628,26 @@ var PtzPluginBase = class extends Plugin {
     button.addEventListener("start", () => sendOperate(false));
     button.addEventListener("stop", () => sendOperate(true));
   }
+  sendGoPresetPoint() {
+    return __async(this, null, function* () {
+      if (!this.puOption || !this.token)
+        return;
+      try {
+        yield device_default.ptzGoPresetPoint(
+          this.puOption.id,
+          this.puOption.index,
+          this.iPresetPoint.toString(),
+          {
+            hSpeed: this.hSpeed,
+            vSpeed: this.vSpeed
+          },
+          this.token
+        );
+      } catch (e) {
+        logger_default.error(e);
+      }
+    });
+  }
   beforeDestroy() {
     this._buttons.forEach((plugin) => plugin.destroy());
   }
@@ -15601,7 +15721,32 @@ var PtzPluginBase = class extends Plugin {
           minusButton.init(),
           plusButton.init()
         ));
-      })), /* @__PURE__ */ jsx.h(
+      }).concat(Array.from({ length: 1 }).map(() => {
+        const goButton = new button_default3(
+          /* @__PURE__ */ jsx.h(icons_default.GoPresetPoint, null),
+          "ptz_control_operator-button"
+        );
+        goButton.addEventListener("click", () => this.sendGoPresetPoint());
+        return /* @__PURE__ */ jsx.h("div", { className: "ptz_control_camera-option_item", withNamespace: true }, /* @__PURE__ */ jsx.h(
+          "span",
+          {
+            className: "ptz_control_camera-option_item_label",
+            withNamespace: true
+          },
+          t("yu-zhi-dian"),
+          "\uFF1A"
+        ), /* @__PURE__ */ jsx.h(
+          "span",
+          {
+            className: "ptz_control_camera-option_item_value",
+            withNamespace: true
+          },
+          /* @__PURE__ */ jsx.h(input_default, { type: "number", style: "width: 50px; vertical-align: middle;height: 16px;", min: "1", max: "255", value: "1", onChange: (value) => {
+            this.iPresetPoint = Number(value);
+          } }),
+          goButton.init()
+        ));
+      }))), /* @__PURE__ */ jsx.h(
         button_default2,
         {
           className: "ptz_control_close-button",
@@ -15812,6 +15957,7 @@ var PlayerPlugin = class extends Plugin {
   }
   close() {
     return __async(this, null, function* () {
+      this._infoModal.dispatch("hide");
       this.dispatch("close");
       this.closeWebrtc();
     });
@@ -16019,7 +16165,7 @@ var PlayerPlugin = class extends Plugin {
             lastRecv = recv;
             const currentLost = lost - lastLost;
             lastLost = lost;
-            lastRate = currentLost > 0 ? currentLost / currentRecv : 0;
+            lastRate = currentLost > 0 ? currentLost / (currentRecv + currentLost) : 0;
             lastRate = Math.floor(lastRate * 100);
             return lastRate;
           }
@@ -16061,7 +16207,6 @@ var PlayerPlugin = class extends Plugin {
           },
           packetsLost(v2, info) {
             const lostRate = audioLostCalc(info.packetsReceived, info.packetsLost);
-            console.log("lost rate", lostRate);
             return {
               label: t("lostpackrate"),
               value: String(lostRate) + "%"
@@ -16088,7 +16233,6 @@ var PlayerPlugin = class extends Plugin {
           },
           packetsRecved(v2, info) {
             const lostRate = videoLostCalc(info.packetsRecved, info.packetsLost);
-            console.log("lost rate", lostRate);
             return {
               label: t("lostpackrate"),
               value: String(lostRate) + "%"
@@ -17400,7 +17544,8 @@ var en_default = {
   connecting: "connecting",
   connected: "connected",
   transfer: "transfer",
-  type: "type"
+  type: "type",
+  "yu-zhi-dian": "preset"
 };
 
 // src/locales/zh.json
@@ -17438,7 +17583,8 @@ var zh_default = {
   connecting: "\u8FDE\u63A5\u4E2D",
   connected: "\u5DF2\u8FDE\u63A5",
   transfer: "\u4F20\u8F93",
-  type: "\u65B9\u5F0F"
+  type: "\u65B9\u5F0F",
+  "yu-zhi-dian": "\u9884\u5236\u70B9"
 };
 
 // src/locales/i18n.ts
@@ -18868,6 +19014,8 @@ var PuPlayer = (props) => {
                 player.mask.visible = true;
                 player.mask.text = t("video-closed");
                 useRecntMgr == null ? void 0 : useRecntMgr.reconnect();
+                removeRefresh();
+                player.close();
               }
             };
             hplayer.onvideo = () => {
@@ -18888,7 +19036,6 @@ var PuPlayer = (props) => {
               player.clearEventListener("recordStart");
               player.clearEventListener("recordStop");
               player.clearEventListener("screenshot");
-              removeRefresh();
               hplayer == null ? void 0 : hplayer.close();
               yield dialog_default.closeDialogs(
                 [hplayer == null ? void 0 : hplayer.getDialogID()],
@@ -18910,7 +19057,6 @@ var PuPlayer = (props) => {
               yield hplayer.getPlayerStatistic();
               const staticInfo = hplayer.mediaStatisticInfo;
               const { infoModal } = e2.target;
-              console.log(staticInfo.audioStatistic);
               const audioList = hplayer.getAudioInfo().codec == "none" ? [] : [
                 {
                   label: t("codec"),

package/dist/types/api/device.d.ts

@@ -26,7 +26,12 @@ interface IPtzParams {
     vSpeed?: number;
     stop?: boolean;
 }
+interface IPrestParams {
+    hSpeed: number;
+    vSpeed: number;
+}
 declare const deviceApi: {
+    ptzGoPresetPoint: (puId: string, index: number, id: string, params: IPrestParams, token: string) => Promise<void>;
     ptzCamera: (puId: string, index: number, params: IPtzParams, token: string) => Promise<void>;
 };
 export default deviceApi;

package/dist/types/plugins/ptz/button.d.ts

@@ -2,6 +2,7 @@ import { IPluginEventMap, Plugin } from "../types";
 interface IPtzControlButtonPluginEventMap extends IPluginEventMap {
     start: undefined;
     stop: undefined;
+    click: undefined;
 }
 declare class PtzControlButtonPlugin extends Plugin<HTMLButtonElement, IPtzControlButtonPluginEventMap> {
     private _icon;

package/dist/types/plugins/ptz/index.d.ts

@@ -20,11 +20,13 @@ declare class PtzPluginBase extends Plugin<HTMLDivElement, IControllerPluginEven
     token?: string;
     hSpeed: number;
     vSpeed: number;
+    iPresetPoint: number;
     private _speedSlider;
     private _buttons;
     constructor();
     setPuParam(puOption: IPuOption, token: string): void;
     bindOperate(button: PtzControlButtonPlugin, operate: DIRECTION_OPERATE | CAMERA_OPERATE | undefined): void;
+    sendGoPresetPoint(): Promise<void>;
     protected beforeDestroy(): void;
     init(): HTMLDivElement;
 }

package/dist/types/templates/icons.d.ts

@@ -30,6 +30,7 @@ declare const Icons: {
     MikeOn: FC<IIconsProps>;
     MikeOff: FC<IIconsProps>;
     MikeDoing: FC<IIconsProps>;
+    GoPresetPoint: FC<IIconsProps>;
 };
 export { Icon };
 export default Icons;

package/dist/types/templates/input.d.ts

@@ -1,6 +1,6 @@
 interface IJsxInputProps extends IJsxProps {
     className?: string;
-    type?: "text" | "password";
+    type?: "text" | "password" | 'number';
     name?: string;
     placeholder?: string;
     readonly?: boolean;

package/dist/types/utils/http.d.ts

@@ -4,6 +4,7 @@ interface HttpOption {
 interface Http {
     get(url: string, param?: URLSearchParams, option?: HttpOption): Promise<any>;
     post(url: string, param?: object, option?: HttpOption): Promise<any>;
+    put(url: string, param?: object, option?: HttpOption): Promise<any>;
 }
 declare const http: Http;
 export default http;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besovideo/webrtc-player",
-  "version": "0.8.55",
+  "version": "0.8.57",
   "description": "@besovideo/webrtc-player desc",
   "type": "module",
   "types": "./dist/types/main.d.ts",