@desynova-digital/player 3.13.27 → 3.13.29

package/components/PointersBar.js

@@ -53,7 +53,7 @@ var PointersContainer = _styledComponents["default"].div(_templateObject || (_te
 });
 var PointerBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 20px;\n  position: relative;\n  border-top: 1px solid #333333;\n  border-bottom: 1px solid #333333;\n  .empty-pointers-msg {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    p {\n      font-family: SFUIText-Medium;\n      font-size: 11px;\n      color: #aaaaaa;\n    }\n    ", " {\n      margin: 0 5px;\n    }\n  }\n"])), _components.Icon.Element);
 var MarkerTagsBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-width: 100px;\n  max-width: 100px;\n  position: relative;\n  height: 100%;\n  .tags-block {\n    height: 20px;\n    font-family: SFUIText-Medium;\n    font-size: 10px;\n    color: #ffffff;\n    text-transform: uppercase;\n    border-top: 1px solid #333333;\n    border-bottom: 1px solid #333333;\n    p {\n      line-height: 18px;\n      padding: 0 10px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n"])));
-var ToolTipStyles = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 2;\n  height: 18px;\n  transition: left 0.1s ease-in-out;\n\n  .tooltip-container {\n    border-radius: 0.25rem;\n    padding: 5px;\n    width: fit-content;\n    background: #ffffff;\n    color: #666666;\n\n    h4 {\n      white-space: nowrap;\n      font-size: 12px;\n    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top: 5px solid white;\n      ", "\n      left: ", ";\n      transform: translateX(-50%);\n    }\n  }\n"])), function (props) {
+var ToolTipStyles = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 2;\n  height: 18px;\n  transition: left 0.1s ease-in-out;\n\n  .tooltip-container {\n    border-radius: 0.25rem;\n    padding: 5px;\n    width: fit-content;\n    background: #ffffff;\n    color: #666666;\n\n    em{\n      font-style: italic; \n    }\n\n    strong{\n      font-weight: bold; \n    }\n\n    h4 {\n      white-space: nowrap;\n      font-size: 12px;\n    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top: 5px solid white;\n      ", "\n      left: ", ";\n      transform: translateX(-50%);\n    }\n  }\n"])), function (props) {
   return props.multiline ? 'bottom: -21px;' : 'bottom: -9px;';
 }, function (props) {
   return props.tooltipPointer ? props.tooltipPointer + 'px' : '50%';
@@ -270,7 +270,19 @@ var PointersBar = exports["default"] = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "tooltip-container"
-      }, text.line1 && /*#__PURE__*/_react["default"].createElement("h4", null, text.line1), text.line2 && /*#__PURE__*/_react["default"].createElement("h4", null, text.line2), !text.line1 && /*#__PURE__*/_react["default"].createElement("h4", null, text))));
+      }, text.line1 && /*#__PURE__*/_react["default"].createElement("h4", {
+        dangerouslySetInnerHTML: {
+          __html: text.line1
+        }
+      }), text.line2 && /*#__PURE__*/_react["default"].createElement("h4", {
+        dangerouslySetInnerHTML: {
+          __html: text.line2
+        }
+      }), !text.line1 && /*#__PURE__*/_react["default"].createElement("h4", {
+        dangerouslySetInnerHTML: {
+          __html: text
+        }
+      }))));
     }
   }]);
   return PointersBar;

package/components/Shortcut.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _propTypes = require("prop-types");
 var _lodash = require("lodash");
 var _hotkeysJs = _interopRequireDefault(require("hotkeys-js"));
+var _utils = require("../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -291,10 +292,12 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
           onAddMarker = _this$props4.onAddMarker,
           playerReadOnlyMode = _this$props4.playerReadOnlyMode,
           disablePlayerActions = _this$props4.disablePlayerActions,
-          playerSelectedMarker = _this$props4.playerSelectedMarker;
+          playerSelectedMarker = _this$props4.playerSelectedMarker,
+          frameRate = _this$props4.frameRate;
         if (playerReadOnlyMode || disablePlayerActions.includes('marking_controls')) {
           return;
         }
+        var currentAdjustedTime = (0, _utils.handleAdjustingVideoAsPerFrame)(player.currentTime, frameRate);
         for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
           args[_key - 2] = arguments[_key];
         }
@@ -312,29 +315,29 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
                 });
               }
               markerArr.filter(function (marker) {
-                if (player.currentTime >= marker.start_time && player.currentTime <= marker.end_time || playerSelectedMarker.leftMarker > -1 && player.currentTime > marker.start_time && playerSelectedMarker.leftMarker < marker.start_time || playerSelectedMarker.leftMarker > -1 && player.currentTime < marker.start_time && playerSelectedMarker.leftMarker > marker.end_time) {
+                if (currentAdjustedTime >= marker.start_time && currentAdjustedTime <= marker.end_time || playerSelectedMarker.leftMarker > -1 && currentAdjustedTime > marker.start_time && playerSelectedMarker.leftMarker < marker.start_time || playerSelectedMarker.leftMarker > -1 && currentAdjustedTime < marker.start_time && playerSelectedMarker.leftMarker > marker.end_time) {
                   createPoint = false;
                 }
               });
             }
-            if (!createPoint && playerSelectedMarker.markerType === 'update' && player.currentTime > player.selectedMarker.leftMarker && player.currentTime < player.selectedMarker.rightMarker) {
+            if (!createPoint && playerSelectedMarker.markerType === 'update' && currentAdjustedTime > player.selectedMarker.leftMarker && currentAdjustedTime < player.selectedMarker.rightMarker) {
               createPoint = true;
             }
             if (createPoint) {
-              if (playerSelectedMarker.rightMarker < 0 || playerSelectedMarker.rightMarker > -1 && player.currentTime < playerSelectedMarker.rightMarker) {
+              if (playerSelectedMarker.rightMarker < 0 || playerSelectedMarker.rightMarker > -1 && currentAdjustedTime < playerSelectedMarker.rightMarker) {
                 // actions.handleMarkerPointChange(
                 //   player.markerType !== 'update' ? 'add' : 'update',
                 //   'left',
-                //   player.currentTime
+                //   currentAdjustedTime
                 // );
                 var data = {
                   markerType: playerSelectedMarker.data && Object.keys(playerSelectedMarker.data).length ? 'update' : 'add',
                   markerPos: 'left',
-                  currentTime: player.currentTime
+                  currentTime: currentAdjustedTime
                 };
-                onAddMarker(player.currentTime, -1, '', true, data);
+                onAddMarker(currentAdjustedTime, -1, '', true, data);
                 if (playerSelectedMarker.leftMarker > -1 && playerSelectedMarker.rightMarker > -1 && (!playerSelectedMarker.markerCreate || playerSelectedMarker.markerType === 'update' || playerSelectedMarker.data && Object.keys(playerSelectedMarker.data).length)) {
-                  onAddMarker(player.currentTime, playerSelectedMarker.rightMarker, 'update');
+                  onAddMarker(currentAdjustedTime, playerSelectedMarker.rightMarker, 'update');
                 }
               }
             }
@@ -352,10 +355,12 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
           onAddMarker = _this$props5.onAddMarker,
           playerReadOnlyMode = _this$props5.playerReadOnlyMode,
           disablePlayerActions = _this$props5.disablePlayerActions,
-          playerSelectedMarker = _this$props5.playerSelectedMarker;
+          playerSelectedMarker = _this$props5.playerSelectedMarker,
+          frameRate = _this$props5.frameRate;
         if (playerReadOnlyMode || disablePlayerActions.includes('marking_controls')) {
           return;
         }
+        var currentAdjustedTime = (0, _utils.handleAdjustingVideoAsPerFrame)(player.currentTime, frameRate);
         for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
           args[_key2 - 2] = arguments[_key2];
         }
@@ -378,37 +383,37 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
                 });
               }
               markerArr.filter(function (marker) {
-                if (player.currentTime >= marker.start_time && player.currentTime <= marker.end_time || playerSelectedMarker.leftMarker > -1 && player.currentTime > marker.start_time && playerSelectedMarker.leftMarker < marker.start_time || playerSelectedMarker.leftMarker > -1 && player.currentTime < marker.start_time && playerSelectedMarker.leftMarker > marker.end_time) {
+                if (currentAdjustedTime >= marker.start_time && currentAdjustedTime <= marker.end_time || playerSelectedMarker.leftMarker > -1 && currentAdjustedTime > marker.start_time && playerSelectedMarker.leftMarker < marker.start_time || playerSelectedMarker.leftMarker > -1 && currentAdjustedTime < marker.start_time && playerSelectedMarker.leftMarker > marker.end_time) {
                   createPoint = false;
                 }
               });
             }
-            if (!createPoint && playerSelectedMarker.markerType === 'update' && player.currentTime > player.selectedMarker.leftMarker && player.currentTime < player.selectedMarker.rightMarker) {
+            if (!createPoint && playerSelectedMarker.markerType === 'update' && currentAdjustedTime > player.selectedMarker.leftMarker && currentAdjustedTime < player.selectedMarker.rightMarker) {
               createPoint = true;
             }
-            if (createPoint && playerSelectedMarker.leftMarker > -1 && player.currentTime > playerSelectedMarker.leftMarker) {
+            if (createPoint && playerSelectedMarker.leftMarker > -1 && currentAdjustedTime > playerSelectedMarker.leftMarker) {
               // actions.handleMarkerPointChange(
               //   markerType: player.markerType !== 'update' ? 'add' : 'update',
               //   markerPos: 'right',
-              //   currentTime: player.currentTime
+              //   currentTime: currentAdjustedTime
               // );
               var _data = {
                 markerType: playerSelectedMarker.data && Object.keys(playerSelectedMarker.data).length ? 'update' : 'add',
                 markerPos: 'right',
-                currentTime: player.currentTime
+                currentTime: currentAdjustedTime
               };
               if (playerSelectedMarker.leftMarker > -1 && playerSelectedMarker.rightMarker > -1 && (!playerSelectedMarker.markerCreate || playerSelectedMarker.markerType === 'update' || playerSelectedMarker.data && Object.keys(playerSelectedMarker.data).length)) {
-                onAddMarker(playerSelectedMarker.leftMarker, player.currentTime, 'update', false, _data);
+                onAddMarker(playerSelectedMarker.leftMarker, currentAdjustedTime, 'update', false, _data);
               }
               //Commented for CN-632.
               // if (player.controlType === 'default') {
-              //   onMarkerSelect(player.leftMarker, player.currentTime);
+              //   onMarkerSelect(player.leftMarker, currentAdjustedTime);
               // }
             }
           }
-          if (playerSelectedMarker.leftMarker > -1 && player.currentTime > -1 && playerSelectedMarker.markerCreate && createPoint && player.currentTime > playerSelectedMarker.leftMarker) {
+          if (playerSelectedMarker.leftMarker > -1 && currentAdjustedTime > -1 && playerSelectedMarker.markerCreate && createPoint && currentAdjustedTime > playerSelectedMarker.leftMarker) {
             // actions.handleMarkerPointChange('create');
-            onAddMarker(playerSelectedMarker.leftMarker, player.currentTime, '', false, {
+            onAddMarker(playerSelectedMarker.leftMarker, currentAdjustedTime, '', false, {
               markerType: 'create'
             });
           }
@@ -736,7 +741,7 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
       if (!player.isActive) {
         return;
       }
-      if (document.activeElement && (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA')) {
+      if (document.activeElement && (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') || document.activeElement.className === 'notranslate public-DraftEditor-content') {
         return;
       }
       var keyCode = e.keyCode || e.which;

package/components/Video.js

@@ -95,7 +95,7 @@ var defaultProps = {
   aspectRatio: 'auto',
   crossOrigin: 'anonymous'
 };
-var SubTitleSection = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: SFUIText-Regular;\n  font-size: 16px;\n  bottom: 20px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  color: #ffffff;\n  height: 90%;\n  align-items: center;\n\n  .subtitleContainer {\n    border-radius: 4px;\n    width: fit-content;\n    background: #000000;\n    opacity: 0.9;\n    padding: ", ";\n    line-height: 20px;\n    position: absolute;\n  }\n  .longSubtitleStyles {\n    overflow-y: auto;\n    height: fit-content;\n    max-height: 70px;\n    max-width: 75%;\n    width: fit-content;\n  }\n"])), function (props) {
+var SubTitleSection = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: SFUIText-Regular;\n  font-size: 16px;\n  bottom: 20px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  color: #ffffff;\n  height: 90%;\n  align-items: center;\n\n  .subtitleContainer {\n    border-radius: 4px;\n    width: fit-content;\n    background: #000000;\n    opacity: 0.9;\n    padding: ", ";\n    line-height: 20px;\n    position: absolute;\n\n    em {\n      font-style: italic; /* Override the font style for <em> tags inside elements with the class .someClass */\n    }\n\n    strong{\n      font-weight: bold; \n    }\n    \n  }\n  .longSubtitleStyles {\n    overflow-y: auto;\n    height: fit-content;\n    max-height: 70px;\n    max-width: 75%;\n    width: fit-content;\n  }\n"])), function (props) {
   return props.currentSubtitleObj && props.currentSubtitleObj.line1 ? '8px 10px' : '0px';
 });
 var VideoBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  &.video-react-player-block {\n    position: relative;\n    transition: all 0.1s ease-in-out;\n    -moz-transition: all 0.1s ease-in-out;\n    -webkit-transition: all 0.1s ease-in-out;\n    -ms-transition: all 0.1s ease-in-out;\n    -o-transition: all 0.1s ease-in-out;\n    video {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      right: 0;\n      bottom: 0;\n    }\n    .audio-tracks {\n      position: relative;\n      display: flex;\n      background: rgba(0, 0, 0, 0.5);\n      color: #fff;\n      z-index: 10;\n      position: absolute;\n      width: 100%;\n      bottom: 0;\n      p {\n        cursor: pointer;\n        padding: 10px;\n      }\n    }\n    .loader-container {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      z-index: 10;\n      background: rgba(0, 0, 0, 0.5);\n    }\n  }\n  &.ratio-border {\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    &:after {\n      content: '16:9 Safe Area';\n      position: absolute;\n      color: #fff;\n      font-family: SFUIText-Regular;\n      font-size: 12px;\n      transform: rotate(-90deg);\n      top: 20%;\n      left: -50px;\n    }\n  }\n"])));
@@ -161,7 +161,6 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
     _this.handleKeypress = _this.handleKeypress.bind(_assertThisInitialized(_this));
     _this.audioVisualizer = _this.audioVisualizer.bind(_assertThisInitialized(_this));
     _this.checkWatermark = _this.checkWatermark.bind(_assertThisInitialized(_this));
-    _this.handleAdjustingVideoAsPerFrame = _this.handleAdjustingVideoAsPerFrame.bind(_assertThisInitialized(_this));
     return _this;
   }
   _createClass(Video, [{
@@ -551,10 +550,11 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
     value: function seek(time) {
       try {
         var updatedTime = 0;
+        var frameRate = this.props.frameRate;
         if (time < 0) {
           updatedTime = 0;
         } else {
-          updatedTime = time > this.video.duration ? this.video.duration : this.handleAdjustingVideoAsPerFrame(time);
+          updatedTime = time > this.video.duration ? this.video.duration : (0, _utils.handleAdjustingVideoAsPerFrame)(time, frameRate);
         }
         this.video.currentTime = updatedTime;
       } catch (e) {
@@ -722,23 +722,6 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
       style.right = data && data.text_alignment === 'text_aligned_right' ? '0px' : '';
       return style;
     }
-
-    /**
-    * 
-    * @param {Number} currentTime current time of video
-    * @returns adjusting the current time to the nearest frame
-    */
-  }, {
-    key: "handleAdjustingVideoAsPerFrame",
-    value: function handleAdjustingVideoAsPerFrame(currentTime) {
-      var frameRate = this.props.frameRate;
-      var frameDuration = 1 / frameRate;
-      var milliSeconds = currentTime - Math.floor(currentTime);
-      var frameNumber = Math.round(milliSeconds / frameDuration);
-      var updatedMilliseconds = frameNumber * frameDuration;
-      var adjustedTimeInSeconds = Math.trunc(currentTime) + updatedMilliseconds;
-      return adjustedTimeInSeconds;
-    }
   }, {
     key: "displaySubtitle",
     value: function displaySubtitle(marker) {
@@ -1269,12 +1252,21 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
         className: "subtitleContainer longSubtitleStyles",
         style: _objectSpread({}, currentSubtitleObj.style)
       }, currentSubtitleObj.charactername && /*#__PURE__*/_react["default"].createElement("p", {
-        id: "charactername"
-      }, " ", currentSubtitleObj.charactername, " ") || null, currentSubtitleObj.line1 && /*#__PURE__*/_react["default"].createElement("p", {
-        id: "subtitleLineOne"
-      }, " ", currentSubtitleObj.line1, " ") || null, currentSubtitleObj.line2 && /*#__PURE__*/_react["default"].createElement("p", {
-        id: "subtitleLineTwo"
-      }, " ", currentSubtitleObj.line2, " ") || null)));
+        id: "charactername",
+        dangerouslySetInnerHTML: {
+          __html: currentSubtitleObj.charactername
+        }
+      }) || null, currentSubtitleObj.line1 && /*#__PURE__*/_react["default"].createElement("p", {
+        id: "subtitleLineOne",
+        dangerouslySetInnerHTML: {
+          __html: currentSubtitleObj.line1
+        }
+      }) || null, currentSubtitleObj.line2 && /*#__PURE__*/_react["default"].createElement("p", {
+        id: "subtitleLineTwo",
+        dangerouslySetInnerHTML: {
+          __html: currentSubtitleObj.line2
+        }
+      }) || null)));
     }
   }]);
   return Video;

package/components/marking-controls/MarkInControl.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _components = require("@desynova-digital/components");
+var _utils = require("../../utils");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -83,15 +84,17 @@ var MarkInControl = exports["default"] = /*#__PURE__*/function (_Component) {
       var _this$props2 = this.props,
         player = _this$props2.player,
         actions = _this$props2.actions,
-        onAddMarker = _this$props2.onAddMarker;
+        onAddMarker = _this$props2.onAddMarker,
+        frameRate = _this$props2.frameRate;
       // actions.handleMarkerPointChange('add', 'left', player.currentTime);
       if (onAddMarker) {
+        var currentAdjustedTime = (0, _utils.handleAdjustingVideoAsPerFrame)(player.currentTime, frameRate);
         var data = {
           markerType: player.markerType !== 'update' ? 'add' : 'update',
           markerPos: 'left',
-          currentTime: player.currentTime
+          currentTime: currentAdjustedTime
         };
-        onAddMarker(player.currentTime, -1, '', true, data);
+        onAddMarker(currentAdjustedTime, -1, '', true, data);
       }
     }
   }, {

package/components/marking-controls/MarkOutControl.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = require("prop-types");
 var _components = require("@desynova-digital/components");
+var _utils = require("../../utils");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -90,7 +91,8 @@ var MarkOutControl = exports["default"] = /*#__PURE__*/function (_Component) {
         leftMarker = _this$props2.leftMarker,
         controlType = _this$props2.controlType,
         onMarkerSelect = _this$props2.onMarkerSelect,
-        onAddMarker = _this$props2.onAddMarker;
+        onAddMarker = _this$props2.onAddMarker,
+        frameRate = _this$props2.frameRate;
       if (leftMarker > -1 && player.currentTime > leftMarker) {
         // actions.handleMarkerPointChange('add', 'right', player.currentTime);
         //Commented for CN-632.
@@ -98,12 +100,13 @@ var MarkOutControl = exports["default"] = /*#__PURE__*/function (_Component) {
         //   onMarkerSelect(leftMarker, player.currentTime);
         // }
         // actions.handleMarkerPointChange('create');
+        var currentAdjustedTime = (0, _utils.handleAdjustingVideoAsPerFrame)(player.currentTime, frameRate);
         var data = {
           markerType: player.markerType !== 'update' ? 'add' : 'update',
           markerPos: 'right',
-          currentTime: player.currentTime
+          currentTime: currentAdjustedTime
         };
-        onAddMarker(leftMarker, player.currentTime, player.markerType !== 'update' ? 'add' : 'update', false, data);
+        onAddMarker(leftMarker, currentAdjustedTime, player.markerType !== 'update' ? 'add' : 'update', false, data);
         // onAddMarker(leftMarker, player.currentTime);
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desynova-digital/player",
-  "version": "3.13.27",
+  "version": "3.13.29",
   "description": "Video Player Package for Contido Application",
   "main": "index.js",
   "scripts": {