@besovideo/webrtc-player 0.9.8 → 0.9.81

package/dist/main.browser.js

@@ -117,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.9.8", PROJECT_NAMESPACE: "bvplayer" };
+      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.9.81", PROJECT_NAMESPACE: "bvplayer" };
     }
   });
 
@@ -14841,9 +14841,10 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     const clsName = core_default.style.cls(["icon", className]);
     return /* @__PURE__ */ jsx_default.h("span", { className: clsName, style: style2, withNamespace: true }, children);
   };
+  var svgForbidden = /* @__PURE__ */ jsx_default.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", viewBox: "0 0 72 72" }, /* @__PURE__ */ jsx_default.h("circle", { cx: "36", cy: "36", r: "26", fill: "#fff" }), /* @__PURE__ */ jsx_default.h("path", { fill: "#ea5a47", d: "M36 7C19.98 7 7 19.98 7 36s12.98 29 29 29s29-12.98 29-29S52.02 7 36 7M10.79 36.27c0-5.075 3.417-12.69 6.202-16.49l35.2 35.27c-3.805 2.784-10.93 5.904-16.01 5.904c-12.7 0-25.39-11.98-25.39-24.68zm44.87 15.18L20.6 16.32c3.805-2.784 10.77-5.441 15.84-5.441c12.7 0 24.68 12.25 24.68 24.95c0 5.075-2.686 11.81-5.47 15.62z" }), /* @__PURE__ */ jsx_default.h("g", { fill: "none", stroke: "#000", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, /* @__PURE__ */ jsx_default.h("circle", { cx: "36", cy: "36", r: "30" }), /* @__PURE__ */ jsx_default.h("path", { d: "M55.66 51.44A24.99 24.99 0 0 0 20.6 16.31zM16.99 19.77a24.99 24.99 0 0 0 35.2 35.27z" })));
   var Cog = ({ filled }) => /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCogFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCog, null));
   var Camera = ({ filled }) => /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCameraFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCamera, null));
-  var VideoCamera = ({ filled }) => /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCameraFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCamera, null));
+  var VideoCamera = ({ filled, forbidden }) => /* @__PURE__ */ jsx_default.h(Icon, { style: "position: relative" }, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCameraFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCamera, null), " ", forbidden ? /* @__PURE__ */ jsx_default.h("span", { style: "position: absolute;left: 5px; top: -2px" }, svgForbidden) : /* @__PURE__ */ jsx_default.h(jsx_default.Fragment, null));
   var Info = ({ filled }) => {
     return /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreInformationCircleFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreInformationCircle, null));
   };
@@ -15392,10 +15393,13 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
         },
         record: () => {
           const RecordButton = new button_default(
-            /* @__PURE__ */ jsx_default.h(icons_default.VideoCamera, null),
+            /* @__PURE__ */ jsx_default.h(icons_default.VideoCamera, { forbidden: !HTMLMediaElement.prototype.captureStream }),
             "record"
           );
           const recordStart = () => {
+            if (!HTMLMediaElement.prototype.captureStream) {
+              return;
+            }
             this.dispatch("recordStart");
             RecordButton.Children = /* @__PURE__ */ jsx_default.h(icons_default.Stop, null);
             RecordButton.color = "#ed3838";
@@ -16029,8 +16033,31 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
   } else if (!(`requestFullscreen` in DOC_EL)) {
     console.assert(false, `\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Fullscreen API !`);
   }
-  function beFull(el = DOC_EL, options) {
-    return el[RFC_METHOD_NAME](options);
+  function beFullCapIOSOnIphone() {
+    return __async(this, arguments, function* (el = DOC_EL) {
+      const videoEles = el.getElementsByTagName("video");
+      if (videoEles.length) {
+        const fullscreen2 = videoEles[0];
+        const iIntervalToken = setInterval(() => {
+          if (!fullscreen2.webkitDisplayingFullscreen) {
+            clearInterval(iIntervalToken);
+            setTimeout(() => {
+              fullscreen2.play();
+            }, 500);
+          }
+        }, 1e3);
+        return fullscreen2["webkitEnterFullscreen"]();
+      }
+    });
+  }
+  function beFull() {
+    return __async(this, arguments, function* (el = DOC_EL, options) {
+      if (!el[RFC_METHOD_NAME]) {
+        return yield beFullCapIOSOnIphone(el);
+      } else {
+        return el[RFC_METHOD_NAME](options);
+      }
+    });
   }
   function exitFull() {
     return document[EFS_METHOD_NAME]();
@@ -20117,6 +20144,9 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     }
     recordStart() {
       var _a, _b;
+      if (!HTMLMediaElement.prototype.captureStream) {
+        return;
+      }
       if (!this._recordState.BRecording()) {
         if ((_a = this._panel) == null ? void 0 : _a.controller.RecordButton) {
           (_b = this._panel) == null ? void 0 : _b.controller.RecordButton.dispatch("click");
@@ -20129,6 +20159,9 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     }
     recordStop() {
       var _a, _b;
+      if (!HTMLMediaElement.prototype.captureStream) {
+        return;
+      }
       if (this._recordState.BRecording()) {
         if ((_a = this._panel) == null ? void 0 : _a.controller.RecordButton) {
           (_b = this._panel) == null ? void 0 : _b.controller.RecordButton.dispatch("click");
@@ -22508,6 +22541,13 @@ registerProcessor('bv-audio-processor', BVAudioProcessor);
       getRemoteSdpParam,
       apiPrefix
     );
+    let localStreamRelease = void 0;
+    const releaseLocalStream = () => {
+      if (localStreamRelease) {
+        localStreamRelease();
+        localStreamRelease = void 0;
+      }
+    };
     const { instance: bvWebrtcComponentInstance, element } = bvWebrtc_default({
       container,
       sdpFetcher,
@@ -22518,13 +22558,26 @@ registerProcessor('bv-audio-processor', BVAudioProcessor);
       muted: false,
       autoPlay: true,
       onConnected,
-      onClose,
-      onDestroy: onDestroy2,
-      onDisConnected,
+      onClose: () => {
+        releaseLocalStream();
+        onClose == null ? void 0 : onClose();
+      },
+      onDestroy: () => {
+        releaseLocalStream();
+        onDestroy2 == null ? void 0 : onDestroy2();
+      },
+      onDisConnected: () => {
+        releaseLocalStream();
+        onDisConnected == null ? void 0 : onDisConnected();
+      },
       onPcEventAdded: (pc) => __async(void 0, null, function* () {
         try {
           const localStream = yield getUserMedia();
           localStream.getTracks().forEach((track) => pc.addTrack(track, localStream));
+          releaseLocalStream();
+          localStreamRelease = () => {
+            localStream.getTracks().forEach((t2) => t2.stop());
+          };
         } catch (e) {
           onGetUserMediaFailed && onGetUserMediaFailed();
         }

package/dist/main.es.js

@@ -111,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.9.8", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.9.81", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -14825,9 +14825,10 @@ var Icon = ({ children, className, style: style2 }) => {
   const clsName = core_default.style.cls(["icon", className]);
   return /* @__PURE__ */ jsx_default.h("span", { className: clsName, style: style2, withNamespace: true }, children);
 };
+var svgForbidden = /* @__PURE__ */ jsx_default.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", viewBox: "0 0 72 72" }, /* @__PURE__ */ jsx_default.h("circle", { cx: "36", cy: "36", r: "26", fill: "#fff" }), /* @__PURE__ */ jsx_default.h("path", { fill: "#ea5a47", d: "M36 7C19.98 7 7 19.98 7 36s12.98 29 29 29s29-12.98 29-29S52.02 7 36 7M10.79 36.27c0-5.075 3.417-12.69 6.202-16.49l35.2 35.27c-3.805 2.784-10.93 5.904-16.01 5.904c-12.7 0-25.39-11.98-25.39-24.68zm44.87 15.18L20.6 16.32c3.805-2.784 10.77-5.441 15.84-5.441c12.7 0 24.68 12.25 24.68 24.95c0 5.075-2.686 11.81-5.47 15.62z" }), /* @__PURE__ */ jsx_default.h("g", { fill: "none", stroke: "#000", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, /* @__PURE__ */ jsx_default.h("circle", { cx: "36", cy: "36", r: "30" }), /* @__PURE__ */ jsx_default.h("path", { d: "M55.66 51.44A24.99 24.99 0 0 0 20.6 16.31zM16.99 19.77a24.99 24.99 0 0 0 35.2 35.27z" })));
 var Cog = ({ filled }) => /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCogFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCog, null));
 var Camera = ({ filled }) => /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCameraFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreCamera, null));
-var VideoCamera = ({ filled }) => /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCameraFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCamera, null));
+var VideoCamera = ({ filled, forbidden }) => /* @__PURE__ */ jsx_default.h(Icon, { style: "position: relative" }, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCameraFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreVideoCamera, null), " ", forbidden ? /* @__PURE__ */ jsx_default.h("span", { style: "position: absolute;left: 5px; top: -2px" }, svgForbidden) : /* @__PURE__ */ jsx_default.h(jsx_default.Fragment, null));
 var Info = ({ filled }) => {
   return /* @__PURE__ */ jsx_default.h(Icon, null, filled ? /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreInformationCircleFill, null) : /* @__PURE__ */ jsx_default.h(SvgElementbvPlayerCoreInformationCircle, null));
 };
@@ -15376,10 +15377,13 @@ var ControllerPluginBase = class extends Plugin {
       },
       record: () => {
         const RecordButton = new button_default(
-          /* @__PURE__ */ jsx_default.h(icons_default.VideoCamera, null),
+          /* @__PURE__ */ jsx_default.h(icons_default.VideoCamera, { forbidden: !HTMLMediaElement.prototype.captureStream }),
           "record"
         );
         const recordStart = () => {
+          if (!HTMLMediaElement.prototype.captureStream) {
+            return;
+          }
           this.dispatch("recordStart");
           RecordButton.Children = /* @__PURE__ */ jsx_default.h(icons_default.Stop, null);
           RecordButton.color = "#ed3838";
@@ -16013,8 +16017,31 @@ if (`webkitRequestFullScreen` in DOC_EL) {
 } else if (!(`requestFullscreen` in DOC_EL)) {
   console.assert(false, `\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Fullscreen API !`);
 }
-function beFull(el = DOC_EL, options) {
-  return el[RFC_METHOD_NAME](options);
+function beFullCapIOSOnIphone() {
+  return __async(this, arguments, function* (el = DOC_EL) {
+    const videoEles = el.getElementsByTagName("video");
+    if (videoEles.length) {
+      const fullscreen2 = videoEles[0];
+      const iIntervalToken = setInterval(() => {
+        if (!fullscreen2.webkitDisplayingFullscreen) {
+          clearInterval(iIntervalToken);
+          setTimeout(() => {
+            fullscreen2.play();
+          }, 500);
+        }
+      }, 1e3);
+      return fullscreen2["webkitEnterFullscreen"]();
+    }
+  });
+}
+function beFull() {
+  return __async(this, arguments, function* (el = DOC_EL, options) {
+    if (!el[RFC_METHOD_NAME]) {
+      return yield beFullCapIOSOnIphone(el);
+    } else {
+      return el[RFC_METHOD_NAME](options);
+    }
+  });
 }
 function exitFull() {
   return document[EFS_METHOD_NAME]();
@@ -20101,6 +20128,9 @@ var PlayerPlugin = class extends Plugin {
   }
   recordStart() {
     var _a, _b;
+    if (!HTMLMediaElement.prototype.captureStream) {
+      return;
+    }
     if (!this._recordState.BRecording()) {
       if ((_a = this._panel) == null ? void 0 : _a.controller.RecordButton) {
         (_b = this._panel) == null ? void 0 : _b.controller.RecordButton.dispatch("click");
@@ -20113,6 +20143,9 @@ var PlayerPlugin = class extends Plugin {
   }
   recordStop() {
     var _a, _b;
+    if (!HTMLMediaElement.prototype.captureStream) {
+      return;
+    }
     if (this._recordState.BRecording()) {
       if ((_a = this._panel) == null ? void 0 : _a.controller.RecordButton) {
         (_b = this._panel) == null ? void 0 : _b.controller.RecordButton.dispatch("click");
@@ -22492,6 +22525,13 @@ var AudioPlayer = (props) => {
     getRemoteSdpParam,
     apiPrefix
   );
+  let localStreamRelease = void 0;
+  const releaseLocalStream = () => {
+    if (localStreamRelease) {
+      localStreamRelease();
+      localStreamRelease = void 0;
+    }
+  };
   const { instance: bvWebrtcComponentInstance, element } = bvWebrtc_default({
     container,
     sdpFetcher,
@@ -22502,13 +22542,26 @@ var AudioPlayer = (props) => {
     muted: false,
     autoPlay: true,
     onConnected,
-    onClose,
-    onDestroy: onDestroy2,
-    onDisConnected,
+    onClose: () => {
+      releaseLocalStream();
+      onClose == null ? void 0 : onClose();
+    },
+    onDestroy: () => {
+      releaseLocalStream();
+      onDestroy2 == null ? void 0 : onDestroy2();
+    },
+    onDisConnected: () => {
+      releaseLocalStream();
+      onDisConnected == null ? void 0 : onDisConnected();
+    },
     onPcEventAdded: (pc) => __async(void 0, null, function* () {
       try {
         const localStream = yield getUserMedia();
         localStream.getTracks().forEach((track) => pc.addTrack(track, localStream));
+        releaseLocalStream();
+        localStreamRelease = () => {
+          localStream.getTracks().forEach((t2) => t2.stop());
+        };
       } catch (e) {
         onGetUserMediaFailed && onGetUserMediaFailed();
       }

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

@@ -3,6 +3,7 @@ interface IIconsProps {
     filled?: boolean;
     circle?: boolean;
     off?: boolean;
+    forbidden?: boolean;
 }
 export declare type IDirections = "lb" | "bottom" | "rb" | "left" | "right" | "lt" | "top" | "rt";
 interface IDirectionIconProps {

package/package.json

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