@besovideo/webrtc-player 0.8.52 → 0.8.54

package/dist/main.browser.js

@@ -105,7 +105,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.49", PROJECT_NAMESPACE: "bvplayer" };
+      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.54", PROJECT_NAMESPACE: "bvplayer" };
     }
   });
 
@@ -11168,6 +11168,7 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
   }
 
   // src/templates/icons.tsx
+  init_jsx();
   var Icon = ({ children, className, style: style2 }) => {
     const clsName = core_default.style.cls(["icon", className]);
     return /* @__PURE__ */ jsx.h("span", { className: clsName, style: style2, withNamespace: true }, children);
@@ -11203,6 +11204,7 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
   var PtzControl = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(SvgElementbvPlayerCorePtzControl, null));
   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 directionDeg = {
     top: {
       value: 0,
@@ -11270,7 +11272,8 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     Direction,
     Operator,
     MikeOn,
-    MikeOff
+    MikeOff,
+    MikeDoing
   };
   var icons_default = Icons;
 
@@ -11479,7 +11482,8 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
   // src/components/subComponent/mikeButton.tsx
   init_define_processenv();
   init_jsx_shim();
-  var _onIcon, _offIcon, _talk, _intercom, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
+  init_jsx();
+  var _onIcon, _offIcon, _doingIcon, _isBusy, _talk, _intercom, _type, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
   var MikeButton = class extends HTMLElement {
     constructor() {
       super();
@@ -11488,13 +11492,19 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
       // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Private_class_fields weakmep实现的私有变量
       __privateAdd(this, _onIcon, core_default.dom.createByJsx(/* @__PURE__ */ jsx.h(icons_default.MikeOn, null)));
       __privateAdd(this, _offIcon, core_default.dom.createByJsx(/* @__PURE__ */ jsx.h(icons_default.MikeOff, null)));
+      __privateAdd(this, _doingIcon, core_default.dom.createByJsx(/* @__PURE__ */ jsx.h(icons_default.MikeDoing, null)));
+      __privateAdd(this, _isBusy, false);
       //是否正在喊话
       __privateAdd(this, _talk, false);
       // 麦克风实例
       __privateAdd(this, _intercom, void 0);
+      // 协议类型
+      __privateAdd(this, _type, void 0);
       this.attachShadow({ mode: "open" });
       this.addEventListener("click", () => {
-        this.talking = !this.talking;
+        if (!__privateGet(this, _isBusy)) {
+          this.talking = !this.talking;
+        }
       });
       this.talking = false;
     }
@@ -11504,16 +11514,26 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     set talking(state) {
       if (__privateGet(this, _talk) === state)
         return;
-      __privateSet(this, _talk, state);
-      if (state) {
-        __privateMethod(this, _onTalkStart, onTalkStart_fn).call(this);
-      } else {
-        __privateMethod(this, _onTalkEnd, onTalkEnd_fn).call(this);
+      if (!__privateGet(this, _isBusy)) {
+        __privateSet(this, _isBusy, true);
+        let pm;
+        pm = state ? __privateMethod(this, _onTalkStart, onTalkStart_fn).call(this) : __privateMethod(this, _onTalkEnd, onTalkEnd_fn).call(this);
+        pm.then(() => {
+          __privateSet(this, _talk, state);
+        }).catch((e) => {
+          __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _offIcon));
+        });
+        pm.finally(() => {
+          __privateSet(this, _isBusy, false);
+        });
       }
     }
     set intercom(ins) {
       __privateSet(this, _intercom, ins);
     }
+    set type(type) {
+      __privateSet(this, _type, type);
+    }
     connectedCallback() {
       this.render();
     }
@@ -11525,21 +11545,30 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
   };
   _onIcon = new WeakMap();
   _offIcon = new WeakMap();
+  _doingIcon = new WeakMap();
+  _isBusy = new WeakMap();
   _talk = new WeakMap();
   _intercom = new WeakMap();
+  _type = new WeakMap();
   _onTalkStart = new WeakSet();
   onTalkStart_fn = function() {
-    var _a;
-    if (!__privateGet(this, _intercom))
-      return;
-    (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.open();
-    __privateGet(this, _offIcon).replaceWith(__privateGet(this, _onIcon));
+    return __async(this, null, function* () {
+      var _a;
+      if (!__privateGet(this, _intercom))
+        return;
+      __privateGet(this, _offIcon).replaceWith(__privateGet(this, _doingIcon));
+      yield (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.open(void 0, __privateGet(this, _type));
+      __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _onIcon));
+    });
   };
   _onTalkEnd = new WeakSet();
   onTalkEnd_fn = function() {
-    var _a;
-    (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.close();
-    __privateGet(this, _onIcon).replaceWith(__privateGet(this, _offIcon));
+    return __async(this, null, function* () {
+      var _a;
+      __privateGet(this, _onIcon).replaceWith(__privateGet(this, _doingIcon));
+      yield (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.close();
+      __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _offIcon));
+    });
   };
   customElements.define("mike-button", MikeButton);
 
@@ -17689,8 +17718,10 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       enableController: false
     });
     const instance2 = __spreadProps(__spreadValues({}, bvWebrtcComponentInstance), {
-      open: (..._0) => __async(void 0, [..._0], function* (protocol = type) {
+      open: (..._0) => __async(void 0, [..._0], function* (protocol = type, mikeButtonType) {
         var _a, _b, _c;
+        if (mikeButtonType)
+          protocol = mikeButtonType;
         const player = bvWebrtcComponentInstance.__dangerGetPlayer();
         let hplayer = null;
         try {
@@ -17776,15 +17807,17 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
               }
             };
             player.spinner.spin = false;
-            player.addEventListener("close", () => __async(void 0, null, function* () {
+            const closeHandle = () => __async(void 0, null, function* () {
               if (!hplayer)
                 return;
+              player.removeEventListener("close", closeHandle);
               hplayer.close();
               yield dialog_default.closeDialogs(
                 [hplayer.getDialogID()],
                 sdpFetcher.token
               );
-            }));
+            });
+            player.addEventListener("close", closeHandle);
           } catch (e2) {
             console.error("\u51FA\u9519", e2);
             player.mask.visible = true;
@@ -18275,6 +18308,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
   };
 
   // src/components/puPlayer.tsx
+  init_jsx();
   var createProductRemoteSdp = (puOption, tempToken, callBack) => (localDescription) => __async(void 0, null, function* () {
     if (localDescription.type !== "offer")
       return void 0;
@@ -18604,8 +18638,10 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
               audioWaveShow.setMediaStream(player.video.srcObject);
               audioWaveShow.setEle(playerEl);
             }
-            if (player.mikeBtn)
+            if (player.mikeBtn) {
               player.mikeBtn.intercom = intercom == null ? void 0 : intercom.instance;
+              player.mikeBtn.type = this.protocol;
+            }
           } catch (e) {
             try {
               let DisplayVolumn2 = function(volume) {
@@ -18694,9 +18730,13 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
                 });
               };
               player.spinner.spin = false;
-              player.addEventListener("close", () => __async(this, null, function* () {
+              const closeHandle = () => __async(this, null, function* () {
                 var _a3;
-                (_a3 = player.panel) == null ? void 0 : _a3.controller.removeEventListener("volume", updateVolumeWrapper);
+                player.removeEventListener("close", closeHandle);
+                (_a3 = player.panel) == null ? void 0 : _a3.controller.removeEventListener(
+                  "volume",
+                  updateVolumeWrapper
+                );
                 player.clearEventListener("recordStart");
                 player.clearEventListener("recordStop");
                 player.clearEventListener("screenshot");
@@ -18708,7 +18748,8 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
                 yield new Promise((r) => {
                   setTimeout(r, 100);
                 });
-              }));
+              });
+              player.addEventListener("close", closeHandle);
               onConnected && onConnected();
               reconnectMgr == null ? void 0 : reconnectMgr.cancelReconnect();
               dialog_default.closeDialogs([dialogId || ""], tempToken || "");
@@ -18803,7 +18844,10 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
               let updateVolumeWrapper = () => {
                 updateVolumeButton();
               };
-              player.panel.controller.addEventListener("volume", updateVolumeWrapper);
+              player.panel.controller.addEventListener(
+                "volume",
+                updateVolumeWrapper
+              );
               const volumeSlider = player.panel.controller.VolumeSlider;
               if (volumeSlider) {
                 volumeSlider.percent = hplayer.getVolume();
@@ -18817,8 +18861,10 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
                   DisplayVolumn2(Number(e2 == null ? void 0 : e2.percent));
                 });
               }
-              if (player.mikeBtn)
+              if (player.mikeBtn) {
                 player.mikeBtn.intercom = intercom == null ? void 0 : intercom.instance;
+                player.mikeBtn.type = this.protocol;
+              }
             } catch (e2) {
               player.mask.visible = true;
               player.mask.text = t("connect-failed");

package/dist/main.es.js

@@ -99,7 +99,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.49", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.54", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -11154,6 +11154,7 @@ function SvgElementbvPlayerCoreMikeOff({ className }) {
 }
 
 // src/templates/icons.tsx
+init_jsx();
 var Icon = ({ children, className, style: style2 }) => {
   const clsName = core_default.style.cls(["icon", className]);
   return /* @__PURE__ */ jsx.h("span", { className: clsName, style: style2, withNamespace: true }, children);
@@ -11189,6 +11190,7 @@ var Rotate = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(SvgEl
 var PtzControl = () => /* @__PURE__ */ jsx.h(Icon, null, /* @__PURE__ */ jsx.h(SvgElementbvPlayerCorePtzControl, null));
 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 directionDeg = {
   top: {
     value: 0,
@@ -11256,7 +11258,8 @@ var Icons = {
   Direction,
   Operator,
   MikeOn,
-  MikeOff
+  MikeOff,
+  MikeDoing
 };
 var icons_default = Icons;
 
@@ -11465,7 +11468,8 @@ init_logger();
 // src/components/subComponent/mikeButton.tsx
 init_define_processenv();
 init_jsx_shim();
-var _onIcon, _offIcon, _talk, _intercom, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
+init_jsx();
+var _onIcon, _offIcon, _doingIcon, _isBusy, _talk, _intercom, _type, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
 var MikeButton = class extends HTMLElement {
   constructor() {
     super();
@@ -11474,13 +11478,19 @@ var MikeButton = class extends HTMLElement {
     // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Private_class_fields weakmep实现的私有变量
     __privateAdd(this, _onIcon, core_default.dom.createByJsx(/* @__PURE__ */ jsx.h(icons_default.MikeOn, null)));
     __privateAdd(this, _offIcon, core_default.dom.createByJsx(/* @__PURE__ */ jsx.h(icons_default.MikeOff, null)));
+    __privateAdd(this, _doingIcon, core_default.dom.createByJsx(/* @__PURE__ */ jsx.h(icons_default.MikeDoing, null)));
+    __privateAdd(this, _isBusy, false);
     //是否正在喊话
     __privateAdd(this, _talk, false);
     // 麦克风实例
     __privateAdd(this, _intercom, void 0);
+    // 协议类型
+    __privateAdd(this, _type, void 0);
     this.attachShadow({ mode: "open" });
     this.addEventListener("click", () => {
-      this.talking = !this.talking;
+      if (!__privateGet(this, _isBusy)) {
+        this.talking = !this.talking;
+      }
     });
     this.talking = false;
   }
@@ -11490,16 +11500,26 @@ var MikeButton = class extends HTMLElement {
   set talking(state) {
     if (__privateGet(this, _talk) === state)
       return;
-    __privateSet(this, _talk, state);
-    if (state) {
-      __privateMethod(this, _onTalkStart, onTalkStart_fn).call(this);
-    } else {
-      __privateMethod(this, _onTalkEnd, onTalkEnd_fn).call(this);
+    if (!__privateGet(this, _isBusy)) {
+      __privateSet(this, _isBusy, true);
+      let pm;
+      pm = state ? __privateMethod(this, _onTalkStart, onTalkStart_fn).call(this) : __privateMethod(this, _onTalkEnd, onTalkEnd_fn).call(this);
+      pm.then(() => {
+        __privateSet(this, _talk, state);
+      }).catch((e) => {
+        __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _offIcon));
+      });
+      pm.finally(() => {
+        __privateSet(this, _isBusy, false);
+      });
     }
   }
   set intercom(ins) {
     __privateSet(this, _intercom, ins);
   }
+  set type(type) {
+    __privateSet(this, _type, type);
+  }
   connectedCallback() {
     this.render();
   }
@@ -11511,21 +11531,30 @@ var MikeButton = class extends HTMLElement {
 };
 _onIcon = new WeakMap();
 _offIcon = new WeakMap();
+_doingIcon = new WeakMap();
+_isBusy = new WeakMap();
 _talk = new WeakMap();
 _intercom = new WeakMap();
+_type = new WeakMap();
 _onTalkStart = new WeakSet();
 onTalkStart_fn = function() {
-  var _a;
-  if (!__privateGet(this, _intercom))
-    return;
-  (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.open();
-  __privateGet(this, _offIcon).replaceWith(__privateGet(this, _onIcon));
+  return __async(this, null, function* () {
+    var _a;
+    if (!__privateGet(this, _intercom))
+      return;
+    __privateGet(this, _offIcon).replaceWith(__privateGet(this, _doingIcon));
+    yield (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.open(void 0, __privateGet(this, _type));
+    __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _onIcon));
+  });
 };
 _onTalkEnd = new WeakSet();
 onTalkEnd_fn = function() {
-  var _a;
-  (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.close();
-  __privateGet(this, _onIcon).replaceWith(__privateGet(this, _offIcon));
+  return __async(this, null, function* () {
+    var _a;
+    __privateGet(this, _onIcon).replaceWith(__privateGet(this, _doingIcon));
+    yield (_a = __privateGet(this, _intercom)) == null ? void 0 : _a.close();
+    __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _offIcon));
+  });
 };
 customElements.define("mike-button", MikeButton);
 
@@ -17675,8 +17704,10 @@ var AudioPlayer = (props) => {
     enableController: false
   });
   const instance2 = __spreadProps(__spreadValues({}, bvWebrtcComponentInstance), {
-    open: (..._0) => __async(void 0, [..._0], function* (protocol = type) {
+    open: (..._0) => __async(void 0, [..._0], function* (protocol = type, mikeButtonType) {
       var _a, _b, _c;
+      if (mikeButtonType)
+        protocol = mikeButtonType;
       const player = bvWebrtcComponentInstance.__dangerGetPlayer();
       let hplayer = null;
       try {
@@ -17762,15 +17793,17 @@ var AudioPlayer = (props) => {
             }
           };
           player.spinner.spin = false;
-          player.addEventListener("close", () => __async(void 0, null, function* () {
+          const closeHandle = () => __async(void 0, null, function* () {
             if (!hplayer)
               return;
+            player.removeEventListener("close", closeHandle);
             hplayer.close();
             yield dialog_default.closeDialogs(
               [hplayer.getDialogID()],
               sdpFetcher.token
             );
-          }));
+          });
+          player.addEventListener("close", closeHandle);
         } catch (e2) {
           console.error("\u51FA\u9519", e2);
           player.mask.visible = true;
@@ -18261,6 +18294,7 @@ var MediaStreamAudioWaveShowBVRtc = class {
 };
 
 // src/components/puPlayer.tsx
+init_jsx();
 var createProductRemoteSdp = (puOption, tempToken, callBack) => (localDescription) => __async(void 0, null, function* () {
   if (localDescription.type !== "offer")
     return void 0;
@@ -18590,8 +18624,10 @@ var PuPlayer = (props) => {
             audioWaveShow.setMediaStream(player.video.srcObject);
             audioWaveShow.setEle(playerEl);
           }
-          if (player.mikeBtn)
+          if (player.mikeBtn) {
             player.mikeBtn.intercom = intercom == null ? void 0 : intercom.instance;
+            player.mikeBtn.type = this.protocol;
+          }
         } catch (e) {
           try {
             let DisplayVolumn2 = function(volume) {
@@ -18680,9 +18716,13 @@ var PuPlayer = (props) => {
               });
             };
             player.spinner.spin = false;
-            player.addEventListener("close", () => __async(this, null, function* () {
+            const closeHandle = () => __async(this, null, function* () {
               var _a3;
-              (_a3 = player.panel) == null ? void 0 : _a3.controller.removeEventListener("volume", updateVolumeWrapper);
+              player.removeEventListener("close", closeHandle);
+              (_a3 = player.panel) == null ? void 0 : _a3.controller.removeEventListener(
+                "volume",
+                updateVolumeWrapper
+              );
               player.clearEventListener("recordStart");
               player.clearEventListener("recordStop");
               player.clearEventListener("screenshot");
@@ -18694,7 +18734,8 @@ var PuPlayer = (props) => {
               yield new Promise((r) => {
                 setTimeout(r, 100);
               });
-            }));
+            });
+            player.addEventListener("close", closeHandle);
             onConnected && onConnected();
             reconnectMgr == null ? void 0 : reconnectMgr.cancelReconnect();
             dialog_default.closeDialogs([dialogId || ""], tempToken || "");
@@ -18789,7 +18830,10 @@ var PuPlayer = (props) => {
             let updateVolumeWrapper = () => {
               updateVolumeButton();
             };
-            player.panel.controller.addEventListener("volume", updateVolumeWrapper);
+            player.panel.controller.addEventListener(
+              "volume",
+              updateVolumeWrapper
+            );
             const volumeSlider = player.panel.controller.VolumeSlider;
             if (volumeSlider) {
               volumeSlider.percent = hplayer.getVolume();
@@ -18803,8 +18847,10 @@ var PuPlayer = (props) => {
                 DisplayVolumn2(Number(e2 == null ? void 0 : e2.percent));
               });
             }
-            if (player.mikeBtn)
+            if (player.mikeBtn) {
               player.mikeBtn.intercom = intercom == null ? void 0 : intercom.instance;
+              player.mikeBtn.type = this.protocol;
+            }
           } catch (e2) {
             player.mask.visible = true;
             player.mask.text = t("connect-failed");

package/dist/types/components/bvWebrtc/index.d.ts

@@ -16,7 +16,7 @@ export interface IBvWebrtcComponentProps extends Props {
     enableController?: boolean;
 }
 export interface IBvWebrtcComponentInstance extends IComponentInstance {
-    open(protocol?: "auto" | "webrtc" | "ws-bvrtc"): Promise<any>;
+    open(protocol?: "auto" | "webrtc" | "ws-bvrtc", mikeButtonType?: "auto" | "webrtc" | "ws-bvrtc"): Promise<any>;
     close(): Promise<any>;
     destroy(): void;
     setOption?(option: any): void;

package/dist/types/components/subComponent/mikeButton.d.ts

@@ -5,6 +5,7 @@ export declare class MikeButton extends HTMLElement {
     get talking(): boolean;
     set talking(state: boolean);
     set intercom(ins: IIntercomInstance | undefined);
+    set type(type: "auto" | "webrtc" | "ws-bvrtc" | undefined);
     connectedCallback(): void;
     render(): void;
 }

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

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

package/package.json

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

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

@@ -1,12 +0,0 @@
-import { ShLogger } from "@shirtiny/logger";
-declare class EmbedLogger extends ShLogger {
-    http(_message: string, ..._data: any[]): void;
-    info: (message: string, ...data: any[]) => void;
-    debug: (message: string, ...data: any[]) => void;
-    test: (message: string, ...data: any[]) => void;
-    gc: (message: string, ...data: any[]) => void;
-    libWarn: (message: string, ...data: any[]) => void;
-    libError: (message: string, ...data: any[]) => void;
-}
-declare const logger: EmbedLogger;
-export default logger;