@desynova-digital/player 4.0.35 → 4.0.36
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 +19 -16
- package/components/Video.js +1 -1
- package/package.json +1 -1
package/components/Player.js
CHANGED
|
@@ -214,7 +214,10 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
214
214
|
return _createClass(Player, [{
|
|
215
215
|
key: "handleMarginsAndGrid",
|
|
216
216
|
value: function handleMarginsAndGrid() {
|
|
217
|
-
|
|
217
|
+
var _this$props = this.props,
|
|
218
|
+
quality = _this$props.quality,
|
|
219
|
+
playerType = _this$props.playerType;
|
|
220
|
+
if (["snp_edit", "promo_review", "pgm_edit", "dubbing_review"].includes(playerType)) {
|
|
218
221
|
this.actions.handleSDBorderChange({
|
|
219
222
|
key: "fourThreeSafeArea",
|
|
220
223
|
value: false
|
|
@@ -231,8 +234,8 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
231
234
|
key: "sixteenNineSafeArea",
|
|
232
235
|
value: false
|
|
233
236
|
});
|
|
234
|
-
} else if (
|
|
235
|
-
if (
|
|
237
|
+
} else if (playerType === 'qc') {
|
|
238
|
+
if (quality === 'hd' || quality === 'uhd') {
|
|
236
239
|
this.actions.handleSDBorderChange({
|
|
237
240
|
key: "fourThreeSafeArea",
|
|
238
241
|
value: false
|
|
@@ -249,7 +252,7 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
249
252
|
key: "HDBorderActive",
|
|
250
253
|
value: true
|
|
251
254
|
});
|
|
252
|
-
} else if (
|
|
255
|
+
} else if (quality === 'sd') {
|
|
253
256
|
this.actions.handleSDBorderChange({
|
|
254
257
|
key: "HDBorderActive",
|
|
255
258
|
value: false
|
|
@@ -276,12 +279,12 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
276
279
|
key: "sixteenNineSafeArea",
|
|
277
280
|
value: false
|
|
278
281
|
});
|
|
279
|
-
if (
|
|
282
|
+
if (quality === 'hd' || quality === 'uhd') {
|
|
280
283
|
this.actions.handleSDBorderChange({
|
|
281
284
|
key: "SDBorderActive",
|
|
282
285
|
value: false
|
|
283
286
|
});
|
|
284
|
-
} else if (
|
|
287
|
+
} else if (quality === 'sd') {
|
|
285
288
|
this.actions.handleSDBorderChange({
|
|
286
289
|
key: "HDBorderActive",
|
|
287
290
|
value: false
|
|
@@ -304,9 +307,9 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
304
307
|
}, {
|
|
305
308
|
key: "componentDidUpdate",
|
|
306
309
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
307
|
-
var _this$
|
|
308
|
-
playerType = _this$
|
|
309
|
-
activeSDBorder = _this$
|
|
310
|
+
var _this$props2 = this.props,
|
|
311
|
+
playerType = _this$props2.playerType,
|
|
312
|
+
activeSDBorder = _this$props2.activeSDBorder;
|
|
310
313
|
this.handleResize();
|
|
311
314
|
if (activeSDBorder !== prevProps.activeSDBorder) {
|
|
312
315
|
this.actions.handleSDBorderChange(activeSDBorder || false);
|
|
@@ -617,10 +620,10 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
617
620
|
var controlBar = (0, _reactDom.findDOMNode)(this._controlBar);
|
|
618
621
|
var playlist = (0, _reactDom.findDOMNode)(this._playlist);
|
|
619
622
|
var playerContainer = (0, _reactDom.findDOMNode)(this._playerContainer);
|
|
620
|
-
var _this$
|
|
621
|
-
controlType = _this$
|
|
622
|
-
playerType = _this$
|
|
623
|
-
fileType = _this$
|
|
623
|
+
var _this$props3 = this.props,
|
|
624
|
+
controlType = _this$props3.controlType,
|
|
625
|
+
playerType = _this$props3.playerType,
|
|
626
|
+
fileType = _this$props3.fileType;
|
|
624
627
|
var height = 0;
|
|
625
628
|
_toConsumableArray(leftSectionRef.children).forEach(function (child) {
|
|
626
629
|
return height += child.offsetHeight;
|
|
@@ -733,9 +736,9 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
733
736
|
video: this.video ? this.video.video : null
|
|
734
737
|
});
|
|
735
738
|
var childrensLeft = this.getChildren(props, 'left');
|
|
736
|
-
var _this$
|
|
737
|
-
rightSection = _this$
|
|
738
|
-
playerType = _this$
|
|
739
|
+
var _this$props4 = this.props,
|
|
740
|
+
rightSection = _this$props4.rightSection,
|
|
741
|
+
playerType = _this$props4.playerType;
|
|
739
742
|
return /*#__PURE__*/_react["default"].createElement(PlayerBlock, {
|
|
740
743
|
ref: function ref(c) {
|
|
741
744
|
_this5.manager.rootElement = c;
|
package/components/Video.js
CHANGED
|
@@ -100,7 +100,7 @@ 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
|
|
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: '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"])));
|
|
104
104
|
var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
105
105
|
function Video(props) {
|
|
106
106
|
var _this;
|