too short video warning

devdanim · Feb 4, 2022 · 5f9455c · 5f9455c
1 parent d0b8f2f
commit 5f9455c
Show file tree

Hide file tree

Showing 9 changed files with 12,220 additions and 259 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,9 +1,6 @@
 {
-    "presets": [
-      ["@babel/preset-env"],
-      "@babel/preset-react"
-    ],
-    "plugins": [
-      "@babel/plugin-proposal-class-properties"
-    ]
-  }
+  "presets": ["@babel/preset-react", "@babel/preset-env"],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ]
+}
diff --git a/dist/dnm-react-video-cut.es.js b/dist/dnm-react-video-cut.es.js
@@ -39887,7 +39887,8 @@ var DnmVideoCut = /*#__PURE__*/function (_React$Component) {
           type = _this$props4.type,
           waveformHeight = _this$props4.waveformHeight,
           tooltipRenderer = _this$props4.tooltipRenderer,
-          loader = _this$props4.loader;
+          loader = _this$props4.loader,
+          minDuration = _this$props4.minDuration;
       var loopElPosition = this.getLoopElPosition(); // console.log("RENDER");
 
       return jsx("div", {
@@ -39981,7 +39982,9 @@ var DnmVideoCut = /*#__PURE__*/function (_React$Component) {
         onChange: this.handleRangeChange,
         onBeforeChange: this.handleBeforeRangeChange,
         onAfterChange: this.handleAfterRangeChange
-      }))))), jsx("div", {
+      }))))), outValue - inValue < (parseFloat(minDuration) || 0) ? jsx("div", null, jsx("p", {
+        className: "dnm-video-cut-too-short-warning"
+      }, catalogue.videoTooShortWarning)) : null, jsx("div", {
         className: "dnm-video-cut-tools"
       }, jsx("div", {
         className: "dnm-video-cut-zoom"
@@ -40041,7 +40044,8 @@ DnmVideoCut.defaultProps = {
     playTooltip: 'Click or press P to play',
     pauseTooltip: 'Click or press P to pause',
     loopPlayTooltip: 'Click or press space to play the segment',
-    loopPauseTooltip: 'Click or press space to pause the segment'
+    loopPauseTooltip: 'Click or press space to pause the segment',
+    videoTooShortWarning: 'Imported video is shorter than the recommended minimum duration, which may lead to an unexpected result.'
   },
   classes: {},
   onRangeChange: function onRangeChange(points) {

diff --git a/dist/dnm-react-video-cut.es.min.js b/dist/dnm-react-video-cut.es.min.js
diff --git a/dist/dnm-react-video-cut.umd.js b/dist/dnm-react-video-cut.umd.js
@@ -39905,7 +39905,8 @@
             type = _this$props4.type,
             waveformHeight = _this$props4.waveformHeight,
             tooltipRenderer = _this$props4.tooltipRenderer,
-            loader = _this$props4.loader;
+            loader = _this$props4.loader,
+            minDuration = _this$props4.minDuration;
         var loopElPosition = this.getLoopElPosition(); // console.log("RENDER");
 
         return jsx("div", {
@@ -39999,7 +40000,9 @@
           onChange: this.handleRangeChange,
           onBeforeChange: this.handleBeforeRangeChange,
           onAfterChange: this.handleAfterRangeChange
-        }))))), jsx("div", {
+        }))))), outValue - inValue < (parseFloat(minDuration) || 0) ? jsx("div", null, jsx("p", {
+          className: "dnm-video-cut-too-short-warning"
+        }, catalogue.videoTooShortWarning)) : null, jsx("div", {
           className: "dnm-video-cut-tools"
         }, jsx("div", {
           className: "dnm-video-cut-zoom"
@@ -40059,7 +40062,8 @@
       playTooltip: 'Click or press P to play',
       pauseTooltip: 'Click or press P to pause',
       loopPlayTooltip: 'Click or press space to play the segment',
-      loopPauseTooltip: 'Click or press space to pause the segment'
+      loopPauseTooltip: 'Click or press space to pause the segment',
+      videoTooShortWarning: 'Imported video is shorter than the recommended minimum duration, which may lead to an unexpected result.'
     },
     classes: {},
     onRangeChange: function onRangeChange(points) {

diff --git a/dist/dnm-react-video-cut.umd.min.js b/dist/dnm-react-video-cut.umd.min.js
diff --git a/examples/index.js b/examples/index.js
@@ -67,6 +67,7 @@ class App extends React.Component {
                             pauseTooltip: 'Click or press P to pause',
                             loopPlayTooltip: 'Click or press space to play the segment',
                             loopPauseTooltip: 'Click or press space to pause the segment',
+                            videoTooShortWarning: 'Imported video is shorter than the recommended minimum duration, which may lead to an unexpected result.',
                         }}
                         src={src || (type === 'audio' ? music : video)}
                         type={type}