@desynova-digital/player 4.0.21 → 4.0.22
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.
|
@@ -36,7 +36,7 @@ var defaultProps = {
|
|
|
36
36
|
actions: {},
|
|
37
37
|
player: {}
|
|
38
38
|
};
|
|
39
|
-
var PlayButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: ", ";\n width: 100px;\n height: 100px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: none;\n z-index:1;\n &:hover,\n &:focus {\n background: ", ";\n }\n"])), function (props) {
|
|
39
|
+
var PlayButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: ", ";\n width: 100px;\n height: 100px;\n position: absolute;\n opacity: 0.5;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: none;\n z-index:1;\n &:hover,\n &:focus {\n background: ", ";\n }\n"])), function (props) {
|
|
40
40
|
return _colors["default"].common.video[props.assetType].buttonGradient;
|
|
41
41
|
}, function (props) {
|
|
42
42
|
return _colors["default"].common.video[props.assetType].buttonGradient;
|
package/components/Player.js
CHANGED
|
@@ -289,6 +289,7 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
289
289
|
key: "shortcut",
|
|
290
290
|
order: 99.0
|
|
291
291
|
}, props, {
|
|
292
|
+
pauseOnOutMarkerSelect: fullProps.pauseOnOutMarkerSelect,
|
|
292
293
|
frameRate: fullProps.frameRate
|
|
293
294
|
}))];
|
|
294
295
|
}
|
|
@@ -353,7 +354,8 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
353
354
|
key: "shortcut",
|
|
354
355
|
order: 99.0
|
|
355
356
|
}, props, {
|
|
356
|
-
frameRate: fullProps.frameRate
|
|
357
|
+
frameRate: fullProps.frameRate,
|
|
358
|
+
pauseOnOutMarkerSelect: fullProps.pauseOnOutMarkerSelect
|
|
357
359
|
}))];
|
|
358
360
|
}
|
|
359
361
|
}, {
|
package/components/Shortcut.js
CHANGED
|
@@ -359,10 +359,18 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
359
359
|
playerReadOnlyMode = _this$props5.playerReadOnlyMode,
|
|
360
360
|
disablePlayerActions = _this$props5.disablePlayerActions,
|
|
361
361
|
playerSelectedMarker = _this$props5.playerSelectedMarker,
|
|
362
|
-
frameRate = _this$props5.frameRate
|
|
362
|
+
frameRate = _this$props5.frameRate,
|
|
363
|
+
pauseOnOutMarkerSelect = _this$props5.pauseOnOutMarkerSelect;
|
|
363
364
|
if (playerReadOnlyMode || disablePlayerActions.includes('marking_controls')) {
|
|
364
365
|
return;
|
|
365
366
|
}
|
|
367
|
+
if (pauseOnOutMarkerSelect && !player.paused) {
|
|
368
|
+
actions.pause({
|
|
369
|
+
action: 'pause',
|
|
370
|
+
source: 'shortcut'
|
|
371
|
+
});
|
|
372
|
+
actions.seek(player.currentTime);
|
|
373
|
+
}
|
|
366
374
|
var currentAdjustedTime = (0, _utils.handleAdjustingVideoAsPerFrame)(player.currentTime, frameRate);
|
|
367
375
|
for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
|
|
368
376
|
args[_key2 - 2] = arguments[_key2];
|
package/components/Video.js
CHANGED
|
@@ -115,7 +115,7 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
115
115
|
'font-family': 'SFUIText-Regular',
|
|
116
116
|
'text-shadow': '0 0 4px rgb(0 0 0 / 50%)',
|
|
117
117
|
'font-size': '12px',
|
|
118
|
-
opacity: '0.
|
|
118
|
+
opacity: '0.4',
|
|
119
119
|
display: 'block',
|
|
120
120
|
top: '0px',
|
|
121
121
|
left: '0px'
|
|
@@ -182,7 +182,7 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
182
182
|
this.video.src = src;
|
|
183
183
|
}
|
|
184
184
|
this.forceUpdate(); // make sure the children can get the video property
|
|
185
|
-
var watermarkInterval = setInterval(this.checkWatermark,
|
|
185
|
+
var watermarkInterval = setInterval(this.checkWatermark, 40000);
|
|
186
186
|
this.setState({
|
|
187
187
|
watermarkInterval: watermarkInterval
|
|
188
188
|
});
|
|
@@ -222,7 +222,7 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
222
222
|
video_player = document.querySelector('.video-react-player-block').getBoundingClientRect();
|
|
223
223
|
watermark_dimension = watermark_text.getBoundingClientRect();
|
|
224
224
|
text_css = watermark_text.style;
|
|
225
|
-
bool_text = text_css.position !== 'absolute' || text_css.opacity !== '0.
|
|
225
|
+
bool_text = text_css.position !== 'absolute' || text_css.opacity !== '0.4' || text_css['font-family'] !== 'SFUIText-Regular' && text_css['font-family'] !== '"SFUIText-Regular"';
|
|
226
226
|
bool_text = bool_text || text_css.display !== 'block';
|
|
227
227
|
bool_text = bool_text || text_css.top !== watermark.top;
|
|
228
228
|
bool_text = bool_text || text_css.left !== watermark.left;
|
package/package.json
CHANGED