@desynova-digital/player 4.0.35 → 4.0.37

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.
Files changed (3) hide show
  1. package/components/Player.js +27 -16
  2. package/components/Video.js +1 -1
  3. 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
- if (["snp_edit", "promo_review", "pgm_edit", "dubbing_review"].includes(this.props.playerType)) {
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 (this.props.playerType === 'qc') {
235
- if (this.props.quality === 'hd') {
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 (this.props.quality === 'sd') {
255
+ } else if (quality === 'sd') {
253
256
  this.actions.handleSDBorderChange({
254
257
  key: "HDBorderActive",
255
258
  value: false
@@ -276,16 +279,24 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
276
279
  key: "sixteenNineSafeArea",
277
280
  value: false
278
281
  });
279
- if (this.props.quality === 'hd') {
282
+ if (quality === 'hd' || quality === 'uhd') {
280
283
  this.actions.handleSDBorderChange({
281
284
  key: "SDBorderActive",
282
285
  value: false
283
286
  });
284
- } else if (this.props.quality === 'sd') {
287
+ this.actions.handleSDBorderChange({
288
+ key: "HDBorderActive",
289
+ value: true
290
+ });
291
+ } else if (quality === 'sd') {
285
292
  this.actions.handleSDBorderChange({
286
293
  key: "HDBorderActive",
287
294
  value: false
288
295
  });
296
+ this.actions.handleSDBorderChange({
297
+ key: "SDBorderActive",
298
+ value: true
299
+ });
289
300
  }
290
301
  }
291
302
  }
@@ -304,9 +315,9 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
304
315
  }, {
305
316
  key: "componentDidUpdate",
306
317
  value: function componentDidUpdate(prevProps, prevState) {
307
- var _this$props = this.props,
308
- playerType = _this$props.playerType,
309
- activeSDBorder = _this$props.activeSDBorder;
318
+ var _this$props2 = this.props,
319
+ playerType = _this$props2.playerType,
320
+ activeSDBorder = _this$props2.activeSDBorder;
310
321
  this.handleResize();
311
322
  if (activeSDBorder !== prevProps.activeSDBorder) {
312
323
  this.actions.handleSDBorderChange(activeSDBorder || false);
@@ -617,10 +628,10 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
617
628
  var controlBar = (0, _reactDom.findDOMNode)(this._controlBar);
618
629
  var playlist = (0, _reactDom.findDOMNode)(this._playlist);
619
630
  var playerContainer = (0, _reactDom.findDOMNode)(this._playerContainer);
620
- var _this$props2 = this.props,
621
- controlType = _this$props2.controlType,
622
- playerType = _this$props2.playerType,
623
- fileType = _this$props2.fileType;
631
+ var _this$props3 = this.props,
632
+ controlType = _this$props3.controlType,
633
+ playerType = _this$props3.playerType,
634
+ fileType = _this$props3.fileType;
624
635
  var height = 0;
625
636
  _toConsumableArray(leftSectionRef.children).forEach(function (child) {
626
637
  return height += child.offsetHeight;
@@ -733,9 +744,9 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
733
744
  video: this.video ? this.video.video : null
734
745
  });
735
746
  var childrensLeft = this.getChildren(props, 'left');
736
- var _this$props3 = this.props,
737
- rightSection = _this$props3.rightSection,
738
- playerType = _this$props3.playerType;
747
+ var _this$props4 = this.props,
748
+ rightSection = _this$props4.rightSection,
749
+ playerType = _this$props4.playerType;
739
750
  return /*#__PURE__*/_react["default"].createElement(PlayerBlock, {
740
751
  ref: function ref(c) {
741
752
  _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 // 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"])));
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@desynova-digital/player",
3
- "version": "4.0.35",
3
+ "version": "4.0.37",
4
4
  "description": "Video Player Package for Contido Application",
5
5
  "main": "index.js",
6
6
  "scripts": {