@besovideo/webrtc-player 0.9.92 → 0.9.94

package/dist/main.browser.css

@@ -16,10 +16,19 @@
   line-height: 1.4;
   white-space: normal;
   outline: 0;
+  transition-property:
+    visibility,
+    opacity,
+    -webkit-transform;
   transition-property:
     transform,
     visibility,
     opacity;
+  transition-property:
+    transform,
+    visibility,
+    opacity,
+    -webkit-transform;
 }
 .tippy-box[data-placement^=top] > .tippy-arrow {
   bottom: 0;
@@ -30,6 +39,7 @@
   border-width: 8px 8px 0;
   border-top-color: currentColor;
   border-top-color: initial;
+  -webkit-transform-origin: center top;
   transform-origin: center top;
 }
 .tippy-box[data-placement^=bottom] > .tippy-arrow {
@@ -41,6 +51,7 @@
   border-width: 0 8px 8px;
   border-bottom-color: currentColor;
   border-bottom-color: initial;
+  -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
 }
 .tippy-box[data-placement^=left] > .tippy-arrow {
@@ -51,6 +62,7 @@
   border-left-color: currentColor;
   border-left-color: initial;
   right: -7px;
+  -webkit-transform-origin: center left;
   transform-origin: center left;
 }
 .tippy-box[data-placement^=right] > .tippy-arrow {
@@ -61,6 +73,7 @@
   border-width: 8px 8px 8px 0;
   border-right-color: currentColor;
   border-right-color: initial;
+  -webkit-transform-origin: center right;
   transform-origin: center right;
 }
 .tippy-box[data-inertia][data-state=visible] {
@@ -88,15 +101,19 @@
   opacity: 0;
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
+  -webkit-transform: translateY(10px);
   transform: translateY(10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
+  -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
+  -webkit-transform: translateX(10px);
   transform: translateX(10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
+  -webkit-transform: translateX(-10px);
   transform: translateX(-10px);
 }
 
@@ -104,13 +121,18 @@
 .cm_container {
   position: absolute;
   opacity: 0;
+  -webkit-transform: scale(0);
   transform: scale(0);
+  transition: -webkit-transform 0.1s;
   transition: transform 0.1s;
+  transition: transform 0.1s, -webkit-transform 0.1s;
+  -webkit-transform-origin: top left;
   transform-origin: top left;
   padding: 0;
 }
 .cm_container.display {
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
 }
 .cm_container,
@@ -155,6 +177,7 @@
   position: absolute;
   top: 50%;
   right: 0.5em;
+  -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .cm_container li > ul {
@@ -215,6 +238,7 @@
   padding: 0px 5px;
 }
 .tippy-box[data-theme~=bvplayer][data-placement^=right] .tippy-arrow::before {
+  -webkit-transform: translateY(-2px) scale(0.65);
   transform: translateY(-2px) scale(0.65);
   border-right-color: #2e3e4e;
 }
@@ -303,6 +327,7 @@
   overflow: hidden;
   visibility: hidden;
   opacity: 0;
+  -webkit-transform: scale(0);
   transform: scale(0);
   will-change: transform, opacity;
   transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
@@ -311,6 +336,7 @@
 .bvplayer-modal.bvplayer-common-is-visible {
   visibility: visible;
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
   transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
 }
@@ -318,9 +344,11 @@
   top: 50%;
   left: 50%;
   margin: auto;
+  -webkit-transform: translate(-50%, -50%) scale(0);
   transform: translate(-50%, -50%) scale(0);
 }
 .bvplayer-modal--center.bvplayer-common-is-visible {
+  -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .bvplayer-modal_title-bar {
@@ -510,6 +538,7 @@
   pointer-events: none;
   visibility: hidden;
   opacity: 0;
+  -webkit-transform: translateY(100%);
   transform: translateY(100%);
   will-change:
     visibility,
@@ -520,6 +549,7 @@
 .bvplayer-controller.bvplayer-common-is-visible {
   visibility: visible;
   opacity: 1;
+  -webkit-transform: translateY(0);
   transform: translateY(0);
 }
 .bvplayer-controller_mask {
@@ -587,6 +617,7 @@
 }
 .bvplayer-controller_volume--active .bvplayer-slider_thumb,
 .bvplayer-controller_volume:hover .bvplayer-slider_thumb {
+  -webkit-transform: scale(1) !important;
   transform: scale(1) !important;
 }
 .bvplayer-controller_volume--active .bvplayer-slider_suffix,
@@ -601,6 +632,7 @@
   width: 0;
 }
 .bvplayer-controller_volume .bvplayer-slider_thumb {
+  -webkit-transform: scale(0);
   transform: scale(0);
 }
 .bvplayer-controller_volume .bvplayer-slider_suffix {
@@ -620,6 +652,7 @@
 }
 .bvplayer-ptz.bvplayer-common-is-visible .bvplayer-ptz_control {
   opacity: 1;
+  -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
 }
 .bvplayer-ptz-control-button {
@@ -634,10 +667,12 @@
   overflow: hidden;
   color: rgba(255, 255, 255, 0.8);
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
   transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
 }
 .bvplayer-ptz-control-button--press {
+  -webkit-transform: scale(0.9);
   transform: scale(0.9);
   opacity: 0.8;
 }
@@ -663,6 +698,7 @@
   left: 0;
   width: 100%;
   border-bottom: 1px solid rgba(255, 255, 255, 0.45);
+  -webkit-transform: scaleX(0.3);
   transform: scaleX(0.3);
 }
 .bvplayer-ptz-speed-slider_header::after,
@@ -705,6 +741,7 @@
   position: absolute;
   top: 0;
   left: 50%;
+  -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   display: flex;
   padding: 4px 5px;
@@ -728,6 +765,7 @@
   position: absolute;
   left: 50%;
   bottom: 40px;
+  -webkit-transform: translate(-50%, calc(100% + 40px));
   transform: translate(-50%, calc(100% + 40px));
   will-change: transform opacity;
   transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
@@ -834,9 +872,12 @@
   font-size: 16px;
   padding: 0;
   will-change: transform;
+  transition: -webkit-transform 0.3s;
   transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
 }
 .bvplayer-ptz_control_close-button:hover {
+  -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 .bvplayer-player {
@@ -1054,12 +1095,18 @@
   border: 1px solid #6e98ec;
   border-radius: 5px;
 }
+.bvplayer-markerhandle .input-handle-marker .input::-webkit-input-placeholder {
+  color: #dddddd;
+}
 .bvplayer-markerhandle .input-handle-marker .input::-moz-placeholder {
   color: #dddddd;
 }
 .bvplayer-markerhandle .input-handle-marker .input:-ms-input-placeholder {
   color: #dddddd;
 }
+.bvplayer-markerhandle .input-handle-marker .input::-ms-input-placeholder {
+  color: #dddddd;
+}
 .bvplayer-markerhandle .input-handle-marker .input::placeholder {
   color: #dddddd;
 }

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.92", PROJECT_NAMESPACE: "bvplayer" };
+      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.9.94", PROJECT_NAMESPACE: "bvplayer" };
     }
   });
 
@@ -13857,6 +13857,17 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
           const elements = iIDemuxer ? iIDemuxer.elements.filter(
             (item) => item.type == "b" || item.name == "BlockGroup"
           ) : [];
+          if (iIDemuxer && elements.length == 0) {
+            const segment = iIDemuxer.elements.find(
+              (item) => item.name == "Segment"
+            );
+            if (segment) {
+              segment.childs.filter((itme) => itme.name = "Cluster").forEach((cluster) => {
+                const bEles = cluster.childs.filter((clusterItem) => clusterItem.type == "b" || clusterItem.name == "BlockGroup");
+                elements.push(...bEles);
+              });
+            }
+          }
           return elements.map((item) => {
             return [
               parser.getTimestamp(item, trackId),
@@ -13979,13 +13990,22 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
           const downloadFile = (inFileName) => {
             file_default.downLoadBlob(blob, inFileName ? inFileName : fileName, "webm");
           };
-          if (isDownload(blob, { duration: maxTimestamp / 1e3, startTime, endTime: startTime + maxTimestamp / 1e3, fileName }, () => {
-            return {
-              download(file2) {
-                downloadFile(file2);
-              }
-            };
-          })) {
+          if (isDownload(
+            blob,
+            {
+              duration: maxTimestamp / 1e3,
+              startTime,
+              endTime: startTime + maxTimestamp / 1e3,
+              fileName
+            },
+            () => {
+              return {
+                download(file2) {
+                  downloadFile(file2);
+                }
+              };
+            }
+          )) {
             downloadFile(fileName);
           }
           recordedChunks = [];

package/dist/main.es.css

@@ -16,10 +16,19 @@
   line-height: 1.4;
   white-space: normal;
   outline: 0;
+  transition-property:
+    visibility,
+    opacity,
+    -webkit-transform;
   transition-property:
     transform,
     visibility,
     opacity;
+  transition-property:
+    transform,
+    visibility,
+    opacity,
+    -webkit-transform;
 }
 .tippy-box[data-placement^=top] > .tippy-arrow {
   bottom: 0;
@@ -30,6 +39,7 @@
   border-width: 8px 8px 0;
   border-top-color: currentColor;
   border-top-color: initial;
+  -webkit-transform-origin: center top;
   transform-origin: center top;
 }
 .tippy-box[data-placement^=bottom] > .tippy-arrow {
@@ -41,6 +51,7 @@
   border-width: 0 8px 8px;
   border-bottom-color: currentColor;
   border-bottom-color: initial;
+  -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
 }
 .tippy-box[data-placement^=left] > .tippy-arrow {
@@ -51,6 +62,7 @@
   border-left-color: currentColor;
   border-left-color: initial;
   right: -7px;
+  -webkit-transform-origin: center left;
   transform-origin: center left;
 }
 .tippy-box[data-placement^=right] > .tippy-arrow {
@@ -61,6 +73,7 @@
   border-width: 8px 8px 8px 0;
   border-right-color: currentColor;
   border-right-color: initial;
+  -webkit-transform-origin: center right;
   transform-origin: center right;
 }
 .tippy-box[data-inertia][data-state=visible] {
@@ -88,15 +101,19 @@
   opacity: 0;
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
+  -webkit-transform: translateY(10px);
   transform: translateY(10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
+  -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
+  -webkit-transform: translateX(10px);
   transform: translateX(10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
+  -webkit-transform: translateX(-10px);
   transform: translateX(-10px);
 }
 
@@ -104,13 +121,18 @@
 .cm_container {
   position: absolute;
   opacity: 0;
+  -webkit-transform: scale(0);
   transform: scale(0);
+  transition: -webkit-transform 0.1s;
   transition: transform 0.1s;
+  transition: transform 0.1s, -webkit-transform 0.1s;
+  -webkit-transform-origin: top left;
   transform-origin: top left;
   padding: 0;
 }
 .cm_container.display {
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
 }
 .cm_container,
@@ -155,6 +177,7 @@
   position: absolute;
   top: 50%;
   right: 0.5em;
+  -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .cm_container li > ul {
@@ -215,6 +238,7 @@
   padding: 0px 5px;
 }
 .tippy-box[data-theme~=bvplayer][data-placement^=right] .tippy-arrow::before {
+  -webkit-transform: translateY(-2px) scale(0.65);
   transform: translateY(-2px) scale(0.65);
   border-right-color: #2e3e4e;
 }
@@ -303,6 +327,7 @@
   overflow: hidden;
   visibility: hidden;
   opacity: 0;
+  -webkit-transform: scale(0);
   transform: scale(0);
   will-change: transform, opacity;
   transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
@@ -311,6 +336,7 @@
 .bvplayer-modal.bvplayer-common-is-visible {
   visibility: visible;
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
   transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
 }
@@ -318,9 +344,11 @@
   top: 50%;
   left: 50%;
   margin: auto;
+  -webkit-transform: translate(-50%, -50%) scale(0);
   transform: translate(-50%, -50%) scale(0);
 }
 .bvplayer-modal--center.bvplayer-common-is-visible {
+  -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .bvplayer-modal_title-bar {
@@ -510,6 +538,7 @@
   pointer-events: none;
   visibility: hidden;
   opacity: 0;
+  -webkit-transform: translateY(100%);
   transform: translateY(100%);
   will-change:
     visibility,
@@ -520,6 +549,7 @@
 .bvplayer-controller.bvplayer-common-is-visible {
   visibility: visible;
   opacity: 1;
+  -webkit-transform: translateY(0);
   transform: translateY(0);
 }
 .bvplayer-controller_mask {
@@ -587,6 +617,7 @@
 }
 .bvplayer-controller_volume--active .bvplayer-slider_thumb,
 .bvplayer-controller_volume:hover .bvplayer-slider_thumb {
+  -webkit-transform: scale(1) !important;
   transform: scale(1) !important;
 }
 .bvplayer-controller_volume--active .bvplayer-slider_suffix,
@@ -601,6 +632,7 @@
   width: 0;
 }
 .bvplayer-controller_volume .bvplayer-slider_thumb {
+  -webkit-transform: scale(0);
   transform: scale(0);
 }
 .bvplayer-controller_volume .bvplayer-slider_suffix {
@@ -620,6 +652,7 @@
 }
 .bvplayer-ptz.bvplayer-common-is-visible .bvplayer-ptz_control {
   opacity: 1;
+  -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
 }
 .bvplayer-ptz-control-button {
@@ -634,10 +667,12 @@
   overflow: hidden;
   color: rgba(255, 255, 255, 0.8);
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
   transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
 }
 .bvplayer-ptz-control-button--press {
+  -webkit-transform: scale(0.9);
   transform: scale(0.9);
   opacity: 0.8;
 }
@@ -663,6 +698,7 @@
   left: 0;
   width: 100%;
   border-bottom: 1px solid rgba(255, 255, 255, 0.45);
+  -webkit-transform: scaleX(0.3);
   transform: scaleX(0.3);
 }
 .bvplayer-ptz-speed-slider_header::after,
@@ -705,6 +741,7 @@
   position: absolute;
   top: 0;
   left: 50%;
+  -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   display: flex;
   padding: 4px 5px;
@@ -728,6 +765,7 @@
   position: absolute;
   left: 50%;
   bottom: 40px;
+  -webkit-transform: translate(-50%, calc(100% + 40px));
   transform: translate(-50%, calc(100% + 40px));
   will-change: transform opacity;
   transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
@@ -834,9 +872,12 @@
   font-size: 16px;
   padding: 0;
   will-change: transform;
+  transition: -webkit-transform 0.3s;
   transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
 }
 .bvplayer-ptz_control_close-button:hover {
+  -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 .bvplayer-player {
@@ -1054,12 +1095,18 @@
   border: 1px solid #6e98ec;
   border-radius: 5px;
 }
+.bvplayer-markerhandle .input-handle-marker .input::-webkit-input-placeholder {
+  color: #dddddd;
+}
 .bvplayer-markerhandle .input-handle-marker .input::-moz-placeholder {
   color: #dddddd;
 }
 .bvplayer-markerhandle .input-handle-marker .input:-ms-input-placeholder {
   color: #dddddd;
 }
+.bvplayer-markerhandle .input-handle-marker .input::-ms-input-placeholder {
+  color: #dddddd;
+}
 .bvplayer-markerhandle .input-handle-marker .input::placeholder {
   color: #dddddd;
 }

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.92", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.9.94", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -13841,6 +13841,17 @@ function combinaWebM(webM1, webM2) {
         const elements = iIDemuxer ? iIDemuxer.elements.filter(
           (item) => item.type == "b" || item.name == "BlockGroup"
         ) : [];
+        if (iIDemuxer && elements.length == 0) {
+          const segment = iIDemuxer.elements.find(
+            (item) => item.name == "Segment"
+          );
+          if (segment) {
+            segment.childs.filter((itme) => itme.name = "Cluster").forEach((cluster) => {
+              const bEles = cluster.childs.filter((clusterItem) => clusterItem.type == "b" || clusterItem.name == "BlockGroup");
+              elements.push(...bEles);
+            });
+          }
+        }
         return elements.map((item) => {
           return [
             parser.getTimestamp(item, trackId),
@@ -13963,13 +13974,22 @@ var createRecord = (_mediaStream, fileName, isDownload) => {
         const downloadFile = (inFileName) => {
           file_default.downLoadBlob(blob, inFileName ? inFileName : fileName, "webm");
         };
-        if (isDownload(blob, { duration: maxTimestamp / 1e3, startTime, endTime: startTime + maxTimestamp / 1e3, fileName }, () => {
-          return {
-            download(file2) {
-              downloadFile(file2);
-            }
-          };
-        })) {
+        if (isDownload(
+          blob,
+          {
+            duration: maxTimestamp / 1e3,
+            startTime,
+            endTime: startTime + maxTimestamp / 1e3,
+            fileName
+          },
+          () => {
+            return {
+              download(file2) {
+                downloadFile(file2);
+              }
+            };
+          }
+        )) {
           downloadFile(fileName);
         }
         recordedChunks = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besovideo/webrtc-player",
-  "version": "0.9.92",
+  "version": "0.9.94",
   "description": "@besovideo/webrtc-player desc",
   "type": "module",
   "types": "./dist/types/main.d.ts",
@@ -72,8 +72,7 @@
   },
   "browserslist": [
     "last 1 version",
-    "> 1%",
-    "not dead"
+    "> 1%"
   ],
   "license": "MIT"
 }