@besovideo/webrtc-player 0.8.53 → 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.53", PROJECT_NAMESPACE: "bvplayer" };
+      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.54", PROJECT_NAMESPACE: "bvplayer" };
     }
   });
 
@@ -11204,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,
@@ -11271,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;
 
@@ -11481,7 +11483,7 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
   init_define_processenv();
   init_jsx_shim();
   init_jsx();
-  var _onIcon, _offIcon, _isBusy, _talk, _intercom, _type, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
+  var _onIcon, _offIcon, _doingIcon, _isBusy, _talk, _intercom, _type, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
   var MikeButton = class extends HTMLElement {
     constructor() {
       super();
@@ -11490,6 +11492,7 @@ 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);
@@ -11513,9 +11516,13 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
         return;
       if (!__privateGet(this, _isBusy)) {
         __privateSet(this, _isBusy, true);
-        __privateSet(this, _talk, state);
         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);
         });
@@ -11538,6 +11545,7 @@ 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();
@@ -11548,16 +11556,18 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
       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, _offIcon).replaceWith(__privateGet(this, _onIcon));
+      __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _onIcon));
     });
   };
   _onTalkEnd = new WeakSet();
   onTalkEnd_fn = function() {
     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, _onIcon).replaceWith(__privateGet(this, _offIcon));
+      __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _offIcon));
     });
   };
   customElements.define("mike-button", MikeButton);

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.53", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.54", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -11190,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,
@@ -11257,7 +11258,8 @@ var Icons = {
   Direction,
   Operator,
   MikeOn,
-  MikeOff
+  MikeOff,
+  MikeDoing
 };
 var icons_default = Icons;
 
@@ -11467,7 +11469,7 @@ init_logger();
 init_define_processenv();
 init_jsx_shim();
 init_jsx();
-var _onIcon, _offIcon, _isBusy, _talk, _intercom, _type, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
+var _onIcon, _offIcon, _doingIcon, _isBusy, _talk, _intercom, _type, _onTalkStart, onTalkStart_fn, _onTalkEnd, onTalkEnd_fn;
 var MikeButton = class extends HTMLElement {
   constructor() {
     super();
@@ -11476,6 +11478,7 @@ 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);
@@ -11499,9 +11502,13 @@ var MikeButton = class extends HTMLElement {
       return;
     if (!__privateGet(this, _isBusy)) {
       __privateSet(this, _isBusy, true);
-      __privateSet(this, _talk, state);
       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);
       });
@@ -11524,6 +11531,7 @@ var MikeButton = class extends HTMLElement {
 };
 _onIcon = new WeakMap();
 _offIcon = new WeakMap();
+_doingIcon = new WeakMap();
 _isBusy = new WeakMap();
 _talk = new WeakMap();
 _intercom = new WeakMap();
@@ -11534,16 +11542,18 @@ onTalkStart_fn = 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, _offIcon).replaceWith(__privateGet(this, _onIcon));
+    __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _onIcon));
   });
 };
 _onTalkEnd = new WeakSet();
 onTalkEnd_fn = function() {
   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, _onIcon).replaceWith(__privateGet(this, _offIcon));
+    __privateGet(this, _doingIcon).replaceWith(__privateGet(this, _offIcon));
   });
 };
 customElements.define("mike-button", MikeButton);

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.53",
+  "version": "0.8.54",
   "description": "@besovideo/webrtc-player desc",
   "type": "module",
   "types": "./dist/types/main.d.ts",