@desynova-digital/player 3.11.7 → 3.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/components/Shortcut.js
CHANGED
|
@@ -170,7 +170,7 @@ var Shortcut = /*#__PURE__*/function (_Component) {
|
|
|
170
170
|
playerReadOnlyMode = _this$props.playerReadOnlyMode,
|
|
171
171
|
disablePlayerActions = _this$props.disablePlayerActions,
|
|
172
172
|
playerSelectedMarker = _this$props.playerSelectedMarker;
|
|
173
|
-
if (playerReadOnlyMode || disablePlayerActions.includes(
|
|
173
|
+
if (playerReadOnlyMode || disablePlayerActions.includes('marking_controls')) {
|
|
174
174
|
return;
|
|
175
175
|
}
|
|
176
176
|
if (playerType !== 'panel') {
|
|
@@ -223,7 +223,7 @@ var Shortcut = /*#__PURE__*/function (_Component) {
|
|
|
223
223
|
playerReadOnlyMode = _this$props2.playerReadOnlyMode,
|
|
224
224
|
disablePlayerActions = _this$props2.disablePlayerActions,
|
|
225
225
|
playerSelectedMarker = _this$props2.playerSelectedMarker;
|
|
226
|
-
if (playerReadOnlyMode || disablePlayerActions.includes(
|
|
226
|
+
if (playerReadOnlyMode || disablePlayerActions.includes('marking_controls')) {
|
|
227
227
|
return;
|
|
228
228
|
}
|
|
229
229
|
var createPoint = true;
|
|
@@ -501,16 +501,18 @@ var Shortcut = /*#__PURE__*/function (_Component) {
|
|
|
501
501
|
playbackRate = 2;
|
|
502
502
|
} else if (playbackRate >= 1) {
|
|
503
503
|
playbackRate = 1.5;
|
|
504
|
+
} else if (playbackRate >= 0.5) {
|
|
505
|
+
playbackRate = 1.0;
|
|
504
506
|
}
|
|
505
507
|
/*
|
|
506
508
|
* else if (playbackRate >= 1.25) {
|
|
507
509
|
* playbackRate = 1.5;
|
|
508
510
|
* } else if (playbackRate >= 1.0) {
|
|
509
511
|
* playbackRate = 1.25;
|
|
510
|
-
* }
|
|
512
|
+
* }
|
|
511
513
|
* else if (playbackRate >= 0.5) {
|
|
512
514
|
* playbackRate = 1.0;
|
|
513
|
-
* }
|
|
515
|
+
* }
|
|
514
516
|
* else if (playbackRate >= 0.25) {
|
|
515
517
|
* playbackRate = 0.5;
|
|
516
518
|
* } else if (playbackRate >= 0) {
|
|
@@ -95,10 +95,12 @@ var SubtitleMovementMenu = /*#__PURE__*/function (_Component) {
|
|
|
95
95
|
style = _this$props.style,
|
|
96
96
|
player = _this$props.player,
|
|
97
97
|
actions = _this$props.actions,
|
|
98
|
-
handleSubtitleMovement = _this$props.handleSubtitleMovement
|
|
98
|
+
handleSubtitleMovement = _this$props.handleSubtitleMovement,
|
|
99
|
+
playerType = _this$props.playerType,
|
|
100
|
+
playerReadOnlyMode = _this$props.playerReadOnlyMode;
|
|
99
101
|
var selectedMarker = player.selectedMarker,
|
|
100
102
|
currentTime = player.currentTime;
|
|
101
|
-
return Object.keys(selectedMarker).length && /*#__PURE__*/_react["default"].createElement(SubtitleMovementContainer, null, /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
|
|
103
|
+
return playerType === 'subtitle' && !playerReadOnlyMode && Object.keys(selectedMarker).length && /*#__PURE__*/_react["default"].createElement(SubtitleMovementContainer, null, /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
|
|
102
104
|
icon: "forward-backward-icon",
|
|
103
105
|
position: "left",
|
|
104
106
|
player: player,
|
|
@@ -118,7 +120,7 @@ var SubtitleMovementMenu = /*#__PURE__*/function (_Component) {
|
|
|
118
120
|
height: 14,
|
|
119
121
|
color: "#182738"
|
|
120
122
|
})), /*#__PURE__*/_react["default"].createElement("div", null, row.field));
|
|
121
|
-
}))));
|
|
123
|
+
})))) || null;
|
|
122
124
|
}
|
|
123
125
|
}]);
|
|
124
126
|
return SubtitleMovementMenu;
|
|
@@ -30,7 +30,7 @@ var propTypes = {
|
|
|
30
30
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
31
31
|
player: _propTypes.PropTypes.instanceOf(Object)
|
|
32
32
|
};
|
|
33
|
-
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"])));
|
|
33
|
+
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"])));
|
|
34
34
|
var PlaybackRateControl = /*#__PURE__*/function (_Component) {
|
|
35
35
|
_inherits(PlaybackRateControl, _Component);
|
|
36
36
|
var _super = _createSuper(PlaybackRateControl);
|
|
@@ -69,6 +69,12 @@ var PlaybackRateControl = /*#__PURE__*/function (_Component) {
|
|
|
69
69
|
}, "Playback Speed")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
70
|
className: "playback-rate-body"
|
|
71
71
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
72
|
+
className: player.playbackRate === 0.5 ? 'playback-rate active' : 'playback-rate',
|
|
73
|
+
onClick: function onClick() {
|
|
74
|
+
return _this2.changePlaybackRate(0.5);
|
|
75
|
+
},
|
|
76
|
+
role: "presentation"
|
|
77
|
+
}, "0.5x"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
72
78
|
className: player.playbackRate === 1 ? 'playback-rate active' : 'playback-rate',
|
|
73
79
|
onClick: function onClick() {
|
|
74
80
|
return _this2.changePlaybackRate(1);
|