@desynova-digital/player 3.13.4 → 3.13.5

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 (2) hide show
  1. package/components/Video.js +14 -14
  2. package/package.json +1 -1
package/components/Video.js CHANGED
@@ -95,10 +95,10 @@ var defaultProps = {
95
95
  aspectRatio: 'auto',
96
96
  crossOrigin: 'anonymous'
97
97
  };
98
- 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"])), function (props) {
98
+ 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 .longSubtitleStyles {\n bottom: 0px;\n width: fit-content;\n overflow-y: scroll;\n max-height: 100px;\n }\n"])), function (props) {
99
99
  return props.currentSubtitleObj && props.currentSubtitleObj.line1 ? '8px 10px' : '0px';
100
100
  });
101
- 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"])));
101
+ 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"])));
102
102
  var Video = /*#__PURE__*/function (_Component) {
103
103
  _inherits(Video, _Component);
104
104
  var _super = _createSuper(Video);
@@ -110,15 +110,15 @@ var Video = /*#__PURE__*/function (_Component) {
110
110
  audioTracks: [],
111
111
  isM3U8: false,
112
112
  watermark: {
113
- 'color': 'rgb(255, 255, 255)',
114
- 'position': 'absolute',
113
+ color: 'rgb(255, 255, 255)',
114
+ position: 'absolute',
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.6',
119
- 'display': 'block',
120
- 'top': '0px',
121
- 'left': '0px'
118
+ opacity: '0.6',
119
+ display: 'block',
120
+ top: '0px',
121
+ left: '0px'
122
122
  },
123
123
  watermarkInterval: -1,
124
124
  isBuffering: false,
@@ -232,8 +232,8 @@ var Video = /*#__PURE__*/function (_Component) {
232
232
  onPlayerClose();
233
233
  }
234
234
  }
235
- watermark.left = (Math.random() * (video_player.width - watermark_dimension.width)).toFixed(0) + "px";
236
- watermark.top = (Math.random() * (video_player.height - watermark_dimension.height)).toFixed(0) + "px";
235
+ watermark.left = (Math.random() * (video_player.width - watermark_dimension.width)).toFixed(0) + 'px';
236
+ watermark.top = (Math.random() * (video_player.height - watermark_dimension.height)).toFixed(0) + 'px';
237
237
  this.setState({
238
238
  watermark: watermark
239
239
  });
@@ -734,7 +734,7 @@ var Video = /*#__PURE__*/function (_Component) {
734
734
  if (subtitleReadOnly) {
735
735
  currentMarker = marker || subtitleDataList;
736
736
  }
737
- if (currentMarker && currentMarker[0] && currentMarker[0].name === "Subtitle") {
737
+ if (currentMarker && currentMarker[0] && currentMarker[0].name === 'Subtitle') {
738
738
  var values = currentMarker[0].values;
739
739
  var currentValue = values.filter(function (ele) {
740
740
  return ele.start_time <= currentTime && ele.end_time >= currentTime;
@@ -1243,11 +1243,11 @@ var Video = /*#__PURE__*/function (_Component) {
1243
1243
  onClick: function onClick(e) {
1244
1244
  return _this5.handleSubtitleClick(e);
1245
1245
  },
1246
- className: "subtitleContainer",
1246
+ className: "subtitleContainer longSubtitleStyles",
1247
1247
  style: _objectSpread({}, currentSubtitleObj.style)
1248
- }, currentSubtitleObj.line1 && /*#__PURE__*/_react["default"].createElement("pre", {
1248
+ }, currentSubtitleObj.line1 && /*#__PURE__*/_react["default"].createElement("p", {
1249
1249
  id: "subtitleLineOne"
1250
- }, " ", currentSubtitleObj.line1, " ") || null, currentSubtitleObj.line2 && /*#__PURE__*/_react["default"].createElement("pre", {
1250
+ }, " ", currentSubtitleObj.line1, " ") || null, currentSubtitleObj.line2 && /*#__PURE__*/_react["default"].createElement("p", {
1251
1251
  id: "subtitleLineTwo"
1252
1252
  }, " ", currentSubtitleObj.line2, " ") || null)));
1253
1253
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@desynova-digital/player",
3
- "version": "3.13.4",
3
+ "version": "3.13.5",
4
4
  "description": "Video Player Package for Contido Application",
5
5
  "main": "index.js",
6
6
  "scripts": {