@desynova-digital/player 3.11.6 → 3.12.0

package/components/Shortcut.js

@@ -170,7 +170,7 @@ var Shortcut = /*#__PURE__*/function (_Component) {
           playerReadOnlyMode = _this$props.playerReadOnlyMode,
           disablePlayerActions = _this$props.disablePlayerActions,
           playerSelectedMarker = _this$props.playerSelectedMarker;
-        if (playerReadOnlyMode || disablePlayerActions.includes("marking_controls")) {
+        if (playerReadOnlyMode || disablePlayerActions.includes('marking_controls')) {
           return;
         }
         if (playerType !== 'panel') {
@@ -223,7 +223,7 @@ var Shortcut = /*#__PURE__*/function (_Component) {
           playerReadOnlyMode = _this$props2.playerReadOnlyMode,
           disablePlayerActions = _this$props2.disablePlayerActions,
           playerSelectedMarker = _this$props2.playerSelectedMarker;
-        if (playerReadOnlyMode || disablePlayerActions.includes("marking_controls")) {
+        if (playerReadOnlyMode || disablePlayerActions.includes('marking_controls')) {
           return;
         }
         var createPoint = true;
@@ -501,16 +501,18 @@ var Shortcut = /*#__PURE__*/function (_Component) {
         playbackRate = 2;
       } else if (playbackRate >= 1) {
         playbackRate = 1.5;
+      } else if (playbackRate >= 0.5) {
+        playbackRate = 1.0;
       }
       /*
        * else if (playbackRate >= 1.25) {
        *   playbackRate = 1.5;
        * } else if (playbackRate >= 1.0) {
        *   playbackRate = 1.25;
-       * } 
+       * }
        * else if (playbackRate >= 0.5) {
        *   playbackRate = 1.0;
-       * } 
+       * }
        * else if (playbackRate >= 0.25) {
        *   playbackRate = 0.5;
        * } else if (playbackRate >= 0) {

package/components/control-bar/ControlBar.js

@@ -207,14 +207,10 @@ var ControlBar = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react["default"].createElement(_CameraButton["default"], {
         order: 9,
         playerType: playerType
-      }),
-      /*#__PURE__*/
-      // <SubtitleMovementMenu
-      //   {...this.props}
-      //   key="subtitle-movement-menu"
-      //   order={8}
-      // />,
-      _react["default"].createElement(_AudioTracksMenuButton["default"], _extends({}, this.props, {
+      }), /*#__PURE__*/_react["default"].createElement(_SubtitleMovementMenu["default"], _extends({}, this.props, {
+        key: "subtitle-movement-menu",
+        order: 8
+      })), /*#__PURE__*/_react["default"].createElement(_AudioTracksMenuButton["default"], _extends({}, this.props, {
         key: "audio-tracks-menu-button",
         order: 9
       })), /*#__PURE__*/_react["default"].createElement(_SettingsMenuButton["default"], _extends({}, this.props, {

package/components/settings-menu-control/PlaybackRateControl.js

@@ -30,7 +30,7 @@ var propTypes = {
   actions: _propTypes.PropTypes.instanceOf(Object),
   player: _propTypes.PropTypes.instanceOf(Object)
 };
-var PlaybackRateBlock = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  background: transparent;\n  font-family: SFUIText-Medium;\n  font-size: 12px;\n  text-transform: uppercase;\n  align-items: center;\n  padding: 0 !important;\n  .playback-block {\n    display: flex;\n    justify-content: flex-start;\n    border-bottom: 1px solid #eeeeee;\n    p {\n      margin-left: 10px;\n      white-space: nowrap;\n    }\n  }\n  .playback-rate-body {\n    padding: 0 !important;\n    display: flex;\n    justify-content: space-between;\n    .playback-rate {\n      border-right: 1px solid #eeeeee;\n      &:last-child {\n        border: none;\n      }\n      &:hover {\n        background: rgba(0,206,198,0.1);\n      }\n      &.active {\n        pointer-events: none;\n        color: #00cec6;\n      }\n    }\n  }\n"])));
+var PlaybackRateBlock = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  background: transparent;\n  font-family: SFUIText-Medium;\n  font-size: 12px;\n  text-transform: uppercase;\n  align-items: center;\n  padding: 0 !important;\n  .playback-block {\n    display: flex;\n    justify-content: flex-start;\n    border-bottom: 1px solid #eeeeee;\n    p {\n      margin-left: 10px;\n      white-space: nowrap;\n    }\n  }\n  .playback-rate-body {\n    padding: 0 !important;\n    display: flex;\n    justify-content: space-between;\n    .playback-rate {\n      border-right: 1px solid #eeeeee;\n      &:last-child {\n        border: none;\n      }\n      &:hover {\n        background: rgba(0, 206, 198, 0.1);\n      }\n      &.active {\n        pointer-events: none;\n        color: #00cec6;\n      }\n    }\n  }\n"])));
 var PlaybackRateControl = /*#__PURE__*/function (_Component) {
   _inherits(PlaybackRateControl, _Component);
   var _super = _createSuper(PlaybackRateControl);
@@ -69,6 +69,12 @@ var PlaybackRateControl = /*#__PURE__*/function (_Component) {
       }, "Playback Speed")), /*#__PURE__*/_react["default"].createElement("div", {
         className: "playback-rate-body"
       }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: player.playbackRate === 0.5 ? 'playback-rate active' : 'playback-rate',
+        onClick: function onClick() {
+          return _this2.changePlaybackRate(0.5);
+        },
+        role: "presentation"
+      }, "0.5x"), /*#__PURE__*/_react["default"].createElement("div", {
         className: player.playbackRate === 1 ? 'playback-rate active' : 'playback-rate',
         onClick: function onClick() {
           return _this2.changePlaybackRate(1);

package/package.json

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