@desynova-digital/player 4.0.36 → 4.0.38
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/Player.js +12 -1
- package/components/Video.js +5 -2
- package/package.json +1 -1
package/components/Player.js
CHANGED
|
@@ -284,11 +284,19 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
284
284
|
key: "SDBorderActive",
|
|
285
285
|
value: false
|
|
286
286
|
});
|
|
287
|
+
this.actions.handleSDBorderChange({
|
|
288
|
+
key: "HDBorderActive",
|
|
289
|
+
value: true
|
|
290
|
+
});
|
|
287
291
|
} else if (quality === 'sd') {
|
|
288
292
|
this.actions.handleSDBorderChange({
|
|
289
293
|
key: "HDBorderActive",
|
|
290
294
|
value: false
|
|
291
295
|
});
|
|
296
|
+
this.actions.handleSDBorderChange({
|
|
297
|
+
key: "SDBorderActive",
|
|
298
|
+
value: true
|
|
299
|
+
});
|
|
292
300
|
}
|
|
293
301
|
}
|
|
294
302
|
}
|
|
@@ -309,13 +317,16 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
309
317
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
310
318
|
var _this$props2 = this.props,
|
|
311
319
|
playerType = _this$props2.playerType,
|
|
312
|
-
activeSDBorder = _this$props2.activeSDBorder
|
|
320
|
+
activeSDBorder = _this$props2.activeSDBorder,
|
|
321
|
+
activeVersion = _this$props2.activeVersion;
|
|
313
322
|
this.handleResize();
|
|
314
323
|
if (activeSDBorder !== prevProps.activeSDBorder) {
|
|
315
324
|
this.actions.handleSDBorderChange(activeSDBorder || false);
|
|
316
325
|
}
|
|
317
326
|
if (playerType !== prevProps.playerType) {
|
|
318
327
|
this.actions.handleZoomChange(0);
|
|
328
|
+
}
|
|
329
|
+
if (playerType !== prevProps.playerType || activeVersion && prevProps.activeVersion && activeVersion.ingest_db_id !== prevProps.activeVersion.ingest_db_id) {
|
|
319
330
|
this.handleMarginsAndGrid();
|
|
320
331
|
}
|
|
321
332
|
}
|
package/components/Video.js
CHANGED
|
@@ -100,7 +100,9 @@ var defaultProps = {
|
|
|
100
100
|
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 i,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) {
|
|
101
101
|
return props.currentSubtitleObj && props.currentSubtitleObj.line1 ? '8px 10px' : '0px';
|
|
102
102
|
});
|
|
103
|
-
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:
|
|
103
|
+
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: ", ";\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"])), function (props) {
|
|
104
|
+
return props.HDBorder ? '"16:9 Safe Area"' : '';
|
|
105
|
+
});
|
|
104
106
|
var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
105
107
|
function Video(props) {
|
|
106
108
|
var _this;
|
|
@@ -1197,7 +1199,8 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
1197
1199
|
ref: function ref(c) {
|
|
1198
1200
|
_this5.playerBlock = c;
|
|
1199
1201
|
},
|
|
1200
|
-
style: this.getStyle()
|
|
1202
|
+
style: this.getStyle(),
|
|
1203
|
+
HDBorder: player.HDBorderActive
|
|
1201
1204
|
}, isBuffering && /*#__PURE__*/_react["default"].createElement("div", {
|
|
1202
1205
|
className: "loader-container",
|
|
1203
1206
|
onClick: function onClick() {
|