@desynova-digital/player 4.0.95 → 4.0.97

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 (4) hide show
  1. package/components/AudioMeter.js +2 -7
  2. package/components/Player.js +16 -10
  3. package/components/Video.js +118 -115
  4. package/package.json +1 -1
package/components/AudioMeter.js CHANGED
@@ -40,9 +40,7 @@ var propTypes = {
40
40
  var defaultProps = {
41
41
  height: 0
42
42
  };
43
- var RangeBlock = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n right: -12px;\n background-color: ", ";\n height: 100%;\n overflow: hidden;\n .range {\n color: #aaaaaa;\n font-family: SFUIText-Medium;\n text-align: right;\n font-size: 8px;\n box-sizing: border-box;\n }\n"])), function (props) {
44
- return props.isFullscreen ? '#000' : 'unset';
45
- });
43
+ var RangeBlock = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n right: -12px;\n height: 100%;\n overflow: hidden;\n .range {\n color: #aaaaaa;\n font-family: SFUIText-Medium;\n text-align: right;\n font-size: 8px;\n box-sizing: border-box;\n }\n"])));
46
44
  var MeterBlock = (0, _styledComponents["default"])('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n .track-block {\n position: relative;\n width: 15px;\n height: 100%;\n overflow: visible;\n &.left-track,\n &.right-track {\n &:after {\n position: absolute;\n color: #aaaaaa;\n bottom: -12px;\n font-size: 10px;\n left: 50%;\n transform: translateX(-50%);\n font-family: SFUIText-Regular;\n }\n }\n &.left-track:after {\n content: 'L';\n }\n &.right-track:after {\n content: 'R';\n }\n }\n"])));
47
45
  var ColorMeter = (0, _styledComponents["default"])('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to top,\n #00c8e7,\n #00e6b9 57%,\n #ff8d29 83%,\n #f6462c\n );\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n .stack-block {\n height: 2px;\n margin-bottom: 3px;\n background: #000000;\n }\n"])));
48
46
  var BlackMeter = (0, _styledComponents["default"])('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n background: #000000;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n height: 100%;\n transition: all 0.25s ease-in-out;\n -moz-transition: all 0.25s ease-in-out;\n -webkit-transition: all 0.25s ease-in-out;\n -ms-transition: all 0.25s ease-in-out;\n -o-transition: all 0.25s ease-in-out;\n .stack-block {\n height: 2px;\n margin-bottom: 3px;\n background: #304153;\n }\n"])));
@@ -308,10 +306,7 @@ var AudioMeter = exports["default"] = /*#__PURE__*/function (_Component) {
308
306
  rangeArray = _this$state.rangeArray,
309
307
  unitBlockHeight = _this$state.unitBlockHeight,
310
308
  audioPan = _this$state.audioPan;
311
- var isFullscreen = this.props.isFullscreen;
312
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(RangeBlock, {
313
- isFullscreen: isFullscreen
314
- }, rangeArray.map(function (range) {
309
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(RangeBlock, null, rangeArray.map(function (range) {
315
310
  return /*#__PURE__*/_react["default"].createElement("div", {
316
311
  key: 'range' + range,
317
312
  style: {
package/components/Player.js CHANGED
@@ -158,7 +158,9 @@ var defaultProps = {
158
158
  onVolumeChange: null
159
159
  };
160
160
  var PlayerBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 100%;\n"])));
161
- var PlayerContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n// .rightbar-visible .right-video-section {\n// display: block !important;\n// }\n\n.fullscreen-left-only .right-video-section {\n display: none !important;\n}\n\n.fullscreen-left-only .left-video-section {\n display: block !important;\n}\n &.fullscreen-left-only {\n .right-video-section {\n display: none !important;\n }\n .left-video-section {\n width: 100% !important;\n }\n}\n display: flex;\n justify-content: flex-start;\n background: #000000;\n .left-video-section {\n width: ", ";\n position: relative;\n }\n .audio-meter-block {\n position: relative;\n width: 0px;\n display: none;\n &.qc {\n width: 70px;\n display: block;\n }\n }\n .right-video-section {\n position: relative;\n width: ", ";\n"])), function (props) {
161
+ var PlayerContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n.fullscreen-left-only .right-video-section {\n display: none !important;\n}\n\n.fullscreen-left-only .left-video-section {\n display: block !important;\n}\n &.fullscreen-left-only {\n .right-video-section {\n display: none !important;\n }\n .left-video-section {\n width: 100% !important;\n }\n}\n display: flex;\n justify-content: flex-start;\n background: #000000;\n height: ", ";\n .left-video-section {\n width: ", ";\n position: relative;\n height: ", ";\n }\n .audio-meter-block {\n position: relative;\n width: 0px;\n display: none;\n &.qc {\n width: 70px;\n display: block;\n }\n }\n .right-video-section {\n position: relative;\n width: ", ";\n"])), function (props) {
162
+ return props.noRightComponent && "calc(100% - 1px) !important;";
163
+ }, function (props) {
162
164
  if (!props.isRightMenuVisible) {
163
165
  return '100%';
164
166
  }
@@ -168,9 +170,9 @@ var PlayerContainer = _styledComponents["default"].div(_templateObject2 || (_tem
168
170
  return '100%';
169
171
  }
170
172
  }, function (props) {
171
- if (props.isFullscreen && props.playerType === 'qc') {
172
- return 'calc(38.1% - 70px)';
173
- } else if (props.playerType === 'qc') {
173
+ return props.noRightComponent && '100%';
174
+ }, function (props) {
175
+ if (props.playerType === 'qc') {
174
176
  return 'calc(36.33% - 70px)';
175
177
  } else {
176
178
  return '36.33%';
@@ -455,7 +457,8 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
455
457
  ref: function ref(c) {
456
458
  _this2.video = c;
457
459
  _this2.manager.video = _this2.video;
458
- },
460
+ }
461
+ }, props, {
459
462
  playerSvgRef: playerSvgRef,
460
463
  parentAnnotations: parentAnnotations,
461
464
  onShapeMouseDown: onShapeMouseDown,
@@ -476,6 +479,7 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
476
479
  key: "progress-control",
477
480
  order: 3
478
481
  })), /*#__PURE__*/_react["default"].createElement(_RenderCommentMarkers["default"], _extends({
482
+ key: "comment-markers-".concat(isRightMenuVisible),
479
483
  isRightMenuVisible: isRightMenuVisible,
480
484
  fullScreenRef: this.props.fullScreenRef,
481
485
  duration: fullProps === null || fullProps === void 0 || (_fullProps$player = fullProps.player) === null || _fullProps$player === void 0 ? void 0 : _fullProps$player.duration,
@@ -910,6 +914,10 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
910
914
  var newH = Math.max(videoHeight - reduceBy, 0);
911
915
  video.style.height = newH + 'px';
912
916
  }
917
+ if (isRightMenuVisible && playerType === 'qc' && audioMeterBlock && player.isFullscreen) {
918
+ var widths = totalWidth - audioMeterBlock.offsetWidth - rightSectionRef.offsetWidth;
919
+ video.style.width = widths + 'px';
920
+ }
913
921
  // this.video.handleResize();
914
922
  }
915
923
  }, {
@@ -937,8 +945,7 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
937
945
  key: "render",
938
946
  value: function render() {
939
947
  var _this5 = this,
940
- _props$player,
941
- _props$player2;
948
+ _props$player;
942
949
  var _this$manager$getStat4 = this.manager.getState(),
943
950
  player = _this$manager$getStat4.player;
944
951
  var props = _objectSpread(_objectSpread({}, this.props), {}, {
@@ -964,7 +971,7 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
964
971
  onBlur: this.handleBlur,
965
972
  tabIndex: "-1"
966
973
  }, /*#__PURE__*/_react["default"].createElement(PlayerContainer, _extends({
967
- className: "player-container",
974
+ className: "player-container ".concat(isFullscreen ? 'fullscreen-left-only' : ''),
968
975
  ref: function ref(playerContainer) {
969
976
  _this5._playerContainer = playerContainer;
970
977
  }
@@ -990,8 +997,7 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
990
997
  active: true
991
998
  }, /*#__PURE__*/_react["default"].createElement(_AudioMeter["default"], {
992
999
  player: props.player,
993
- height: this.meterHeight,
994
- isFullscreen: (_props$player2 = props.player) === null || _props$player2 === void 0 ? void 0 : _props$player2.isFullscreen
1000
+ height: this.meterHeight
995
1001
  }))), rightSection ? /*#__PURE__*/_react["default"].createElement("div", {
996
1002
  className: "right-video-section",
997
1003
  ref: function ref(rightSectionRef) {
package/components/Video.js CHANGED
@@ -489,14 +489,16 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
489
489
  }, {
490
490
  key: "getStyle",
491
491
  value: function getStyle() {
492
- var fluid = this.props.fluid;
492
+ var _this$props6 = this.props,
493
+ fluid = _this$props6.fluid,
494
+ noRightComponent = _this$props6.noRightComponent;
493
495
  var _this$manager$getStat2 = this.manager.getState(),
494
496
  player = _this$manager$getStat2.player;
495
497
  var style = {};
496
- var _this$props6 = this.props,
497
- aspectRatio = _this$props6.aspectRatio,
498
- width = _this$props6.width,
499
- height = _this$props6.height;
498
+ var _this$props7 = this.props,
499
+ aspectRatio = _this$props7.aspectRatio,
500
+ width = _this$props7.width,
501
+ height = _this$props7.height;
500
502
  /*
501
503
  * The aspect ratio is either used directly
502
504
  * or to calculate width and height.
@@ -528,6 +530,7 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
528
530
  this.setWidthOrHeight(style, 'width', width);
529
531
  this.setWidthOrHeight(style, 'height', height);
530
532
  }
533
+ noRightComponent && (style.height = 'calc(100% - 129px)');
531
534
  style.width = '100%';
532
535
  return style;
533
536
  }
@@ -599,12 +602,12 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
599
602
  }, {
600
603
  key: "UNSAFE_componentWillReceiveProps",
601
604
  value: function UNSAFE_componentWillReceiveProps(newProps) {
602
- var _this$props7 = this.props,
603
- src = _this$props7.src,
604
- activeAudio = _this$props7.player.activeAudio,
605
- currentSubtitleObj = _this$props7.currentSubtitleObj,
606
- markers = _this$props7.markers,
607
- playerType = _this$props7.playerType;
605
+ var _this$props8 = this.props,
606
+ src = _this$props8.src,
607
+ activeAudio = _this$props8.player.activeAudio,
608
+ currentSubtitleObj = _this$props8.currentSubtitleObj,
609
+ markers = _this$props8.markers,
610
+ playerType = _this$props8.playerType;
608
611
  if (markers && markers !== newProps.markers && newProps.markers) {
609
612
  this.displaySubtitle(newProps.markers);
610
613
  }
@@ -765,9 +768,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
765
768
  }, {
766
769
  key: "toggleFullscreen",
767
770
  value: function toggleFullscreen() {
768
- var _this$props8 = this.props,
769
- player = _this$props8.player,
770
- actions = _this$props8.actions;
771
+ var _this$props9 = this.props,
772
+ player = _this$props9.player,
773
+ actions = _this$props9.actions;
771
774
  actions.toggleFullscreen(player);
772
775
  }
773
776
 
@@ -778,10 +781,10 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
778
781
  }, {
779
782
  key: "handleLoadStart",
780
783
  value: function handleLoadStart() {
781
- var _this$props9 = this.props,
782
- actions = _this$props9.actions,
783
- onLoadStart = _this$props9.onLoadStart,
784
- fileType = _this$props9.fileType;
784
+ var _this$props10 = this.props,
785
+ actions = _this$props10.actions,
786
+ onLoadStart = _this$props10.onLoadStart,
787
+ fileType = _this$props10.fileType;
785
788
  if (fileType === 'audio') {
786
789
  this.audioVisualizer();
787
790
  }
@@ -798,9 +801,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
798
801
  }, {
799
802
  key: "handleCanPlay",
800
803
  value: function handleCanPlay() {
801
- var _this$props10 = this.props,
802
- actions = _this$props10.actions,
803
- onCanPlay = _this$props10.onCanPlay;
804
+ var _this$props11 = this.props,
805
+ actions = _this$props11.actions,
806
+ onCanPlay = _this$props11.onCanPlay;
804
807
  actions.handleCanPlay(this.getProperties());
805
808
  if (onCanPlay) {
806
809
  onCanPlay.apply(void 0, arguments);
@@ -814,9 +817,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
814
817
  }, {
815
818
  key: "handleCanPlayThrough",
816
819
  value: function handleCanPlayThrough() {
817
- var _this$props11 = this.props,
818
- actions = _this$props11.actions,
819
- onCanPlayThrough = _this$props11.onCanPlayThrough;
820
+ var _this$props12 = this.props,
821
+ actions = _this$props12.actions,
822
+ onCanPlayThrough = _this$props12.onCanPlayThrough;
820
823
  actions.handleCanPlayThrough(this.getProperties());
821
824
  if (onCanPlayThrough) {
822
825
  onCanPlayThrough.apply(void 0, arguments);
@@ -830,9 +833,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
830
833
  }, {
831
834
  key: "handlePlaying",
832
835
  value: function handlePlaying() {
833
- var _this$props12 = this.props,
834
- actions = _this$props12.actions,
835
- onPlaying = _this$props12.onPlaying;
836
+ var _this$props13 = this.props,
837
+ actions = _this$props13.actions,
838
+ onPlaying = _this$props13.onPlaying;
836
839
  actions.handlePlaying(this.getProperties());
837
840
  if (onPlaying) {
838
841
  onPlaying.apply(void 0, arguments);
@@ -843,9 +846,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
843
846
  }, {
844
847
  key: "handlePlay",
845
848
  value: function handlePlay() {
846
- var _this$props13 = this.props,
847
- actions = _this$props13.actions,
848
- onPlay = _this$props13.onPlay;
849
+ var _this$props14 = this.props,
850
+ actions = _this$props14.actions,
851
+ onPlay = _this$props14.onPlay;
849
852
  actions.handlePlay(this.getProperties());
850
853
  if (onPlay) {
851
854
  onPlay.apply(void 0, arguments);
@@ -856,9 +859,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
856
859
  }, {
857
860
  key: "handlePause",
858
861
  value: function handlePause() {
859
- var _this$props14 = this.props,
860
- actions = _this$props14.actions,
861
- onPause = _this$props14.onPause;
862
+ var _this$props15 = this.props,
863
+ actions = _this$props15.actions,
864
+ onPause = _this$props15.onPause;
862
865
  actions.handlePause(this.getProperties());
863
866
  if (onPause) {
864
867
  onPause.apply(void 0, arguments);
@@ -872,9 +875,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
872
875
  }, {
873
876
  key: "handleDurationChange",
874
877
  value: function handleDurationChange() {
875
- var _this$props15 = this.props,
876
- actions = _this$props15.actions,
877
- onDurationChange = _this$props15.onDurationChange;
878
+ var _this$props16 = this.props,
879
+ actions = _this$props16.actions,
880
+ onDurationChange = _this$props16.onDurationChange;
878
881
  actions.handleDurationChange(this.getProperties());
879
882
  if (onDurationChange) {
880
883
  onDurationChange.apply(void 0, arguments);
@@ -888,9 +891,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
888
891
  }, {
889
892
  key: "handleProgress",
890
893
  value: function handleProgress() {
891
- var _this$props16 = this.props,
892
- actions = _this$props16.actions,
893
- onProgress = _this$props16.onProgress;
894
+ var _this$props17 = this.props,
895
+ actions = _this$props17.actions,
896
+ onProgress = _this$props17.onProgress;
894
897
  if (this.video) {
895
898
  actions.handleProgressChange(this.getProperties());
896
899
  }
@@ -911,11 +914,11 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
911
914
  }, {
912
915
  key: "displaySubtitle",
913
916
  value: function displaySubtitle(marker) {
914
- var _this$props17 = this.props,
915
- markers = _this$props17.markers,
916
- resetSubtitleData = _this$props17.resetSubtitleData,
917
- subtitleReadOnly = _this$props17.subtitleReadOnly,
918
- subtitleDataList = _this$props17.subtitleDataList;
917
+ var _this$props18 = this.props,
918
+ markers = _this$props18.markers,
919
+ resetSubtitleData = _this$props18.resetSubtitleData,
920
+ subtitleReadOnly = _this$props18.subtitleReadOnly,
921
+ subtitleDataList = _this$props18.subtitleDataList;
919
922
  var currentSubtitleObj = this.state.currentSubtitleObj;
920
923
  if (resetSubtitleData) {
921
924
  resetSubtitleData();
@@ -957,11 +960,11 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
957
960
  }, {
958
961
  key: "handleEnded",
959
962
  value: function handleEnded() {
960
- var _this$props18 = this.props,
961
- loop = _this$props18.loop,
962
- player = _this$props18.player,
963
- actions = _this$props18.actions,
964
- onEnded = _this$props18.onEnded;
963
+ var _this$props19 = this.props,
964
+ loop = _this$props19.loop,
965
+ player = _this$props19.player,
966
+ actions = _this$props19.actions,
967
+ onEnded = _this$props19.onEnded;
965
968
  if (loop) {
966
969
  this.seek(0);
967
970
  this.play();
@@ -978,9 +981,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
978
981
  }, {
979
982
  key: "handleWaiting",
980
983
  value: function handleWaiting() {
981
- var _this$props19 = this.props,
982
- actions = _this$props19.actions,
983
- onWaiting = _this$props19.onWaiting;
984
+ var _this$props20 = this.props,
985
+ actions = _this$props20.actions,
986
+ onWaiting = _this$props20.onWaiting;
984
987
  actions.handleWaiting(this.getProperties());
985
988
  if (onWaiting) {
986
989
  onWaiting.apply(void 0, arguments);
@@ -994,9 +997,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
994
997
  }, {
995
998
  key: "handleSeeking",
996
999
  value: function handleSeeking() {
997
- var _this$props20 = this.props,
998
- actions = _this$props20.actions,
999
- onSeeking = _this$props20.onSeeking;
1000
+ var _this$props21 = this.props,
1001
+ actions = _this$props21.actions,
1002
+ onSeeking = _this$props21.onSeeking;
1000
1003
  actions.handleSeeking(this.getProperties());
1001
1004
  if (onSeeking) {
1002
1005
  onSeeking.apply(void 0, arguments);
@@ -1010,9 +1013,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1010
1013
  }, {
1011
1014
  key: "handleSeeked",
1012
1015
  value: function handleSeeked() {
1013
- var _this$props21 = this.props,
1014
- actions = _this$props21.actions,
1015
- onSeeked = _this$props21.onSeeked;
1016
+ var _this$props22 = this.props,
1017
+ actions = _this$props22.actions,
1018
+ onSeeked = _this$props22.onSeeked;
1016
1019
  actions.handleSeeked(this.getProperties());
1017
1020
  if (onSeeked) {
1018
1021
  onSeeked.apply(void 0, arguments);
@@ -1031,9 +1034,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1031
1034
  }, {
1032
1035
  key: "handleSuspend",
1033
1036
  value: function handleSuspend() {
1034
- var _this$props22 = this.props,
1035
- actions = _this$props22.actions,
1036
- onSuspend = _this$props22.onSuspend;
1037
+ var _this$props23 = this.props,
1038
+ actions = _this$props23.actions,
1039
+ onSuspend = _this$props23.onSuspend;
1037
1040
  actions.handleSuspend(this.getProperties());
1038
1041
  if (onSuspend) {
1039
1042
  onSuspend.apply(void 0, arguments);
@@ -1044,9 +1047,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1044
1047
  }, {
1045
1048
  key: "handleAbort",
1046
1049
  value: function handleAbort() {
1047
- var _this$props23 = this.props,
1048
- actions = _this$props23.actions,
1049
- onAbort = _this$props23.onAbort;
1050
+ var _this$props24 = this.props,
1051
+ actions = _this$props24.actions,
1052
+ onAbort = _this$props24.onAbort;
1050
1053
  actions.handleAbort(this.getProperties());
1051
1054
  if (onAbort) {
1052
1055
  onAbort.apply(void 0, arguments);
@@ -1057,9 +1060,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1057
1060
  }, {
1058
1061
  key: "handleEmptied",
1059
1062
  value: function handleEmptied() {
1060
- var _this$props24 = this.props,
1061
- actions = _this$props24.actions,
1062
- onEmptied = _this$props24.onEmptied;
1063
+ var _this$props25 = this.props,
1064
+ actions = _this$props25.actions,
1065
+ onEmptied = _this$props25.onEmptied;
1063
1066
  actions.handleEmptied(this.getProperties());
1064
1067
  if (onEmptied) {
1065
1068
  onEmptied.apply(void 0, arguments);
@@ -1073,9 +1076,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1073
1076
  }, {
1074
1077
  key: "handleStalled",
1075
1078
  value: function handleStalled() {
1076
- var _this$props25 = this.props,
1077
- actions = _this$props25.actions,
1078
- onStalled = _this$props25.onStalled;
1079
+ var _this$props26 = this.props,
1080
+ actions = _this$props26.actions,
1081
+ onStalled = _this$props26.onStalled;
1079
1082
  actions.handleStalled(this.getProperties());
1080
1083
  if (onStalled) {
1081
1084
  onStalled.apply(void 0, arguments);
@@ -1089,10 +1092,10 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1089
1092
  }, {
1090
1093
  key: "handleLoadedMetaData",
1091
1094
  value: function handleLoadedMetaData() {
1092
- var _this$props26 = this.props,
1093
- actions = _this$props26.actions,
1094
- onLoadedMetadata = _this$props26.onLoadedMetadata,
1095
- startTime = _this$props26.startTime;
1095
+ var _this$props27 = this.props,
1096
+ actions = _this$props27.actions,
1097
+ onLoadedMetadata = _this$props27.onLoadedMetadata,
1098
+ startTime = _this$props27.startTime;
1096
1099
  if (startTime && startTime > 0) {
1097
1100
  this.video.currentTime = startTime;
1098
1101
  }
@@ -1109,9 +1112,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1109
1112
  }, {
1110
1113
  key: "handleLoadedData",
1111
1114
  value: function handleLoadedData() {
1112
- var _this$props27 = this.props,
1113
- actions = _this$props27.actions,
1114
- onLoadedData = _this$props27.onLoadedData;
1115
+ var _this$props28 = this.props,
1116
+ actions = _this$props28.actions,
1117
+ onLoadedData = _this$props28.onLoadedData;
1115
1118
  actions.handleLoadedData(this.getProperties());
1116
1119
  if (onLoadedData) {
1117
1120
  onLoadedData.apply(void 0, arguments);
@@ -1125,11 +1128,11 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1125
1128
  }, {
1126
1129
  key: "handleTimeUpdate",
1127
1130
  value: function handleTimeUpdate() {
1128
- var _this$props28 = this.props,
1129
- previewActive = _this$props28.player.previewActive,
1130
- actions = _this$props28.actions,
1131
- onTimeUpdate = _this$props28.onTimeUpdate,
1132
- rightMarker = _this$props28.playerSelectedMarker.rightMarker;
1131
+ var _this$props29 = this.props,
1132
+ previewActive = _this$props29.player.previewActive,
1133
+ actions = _this$props29.actions,
1134
+ onTimeUpdate = _this$props29.onTimeUpdate,
1135
+ rightMarker = _this$props29.playerSelectedMarker.rightMarker;
1133
1136
 
1134
1137
  //for annotation time updataton for svg
1135
1138
  var _this$getTimeData3 = this.getTimeData(this.video.currentTime),
@@ -1157,9 +1160,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1157
1160
  }, {
1158
1161
  key: "handleRateChange",
1159
1162
  value: function handleRateChange() {
1160
- var _this$props29 = this.props,
1161
- actions = _this$props29.actions,
1162
- onRateChange = _this$props29.onRateChange;
1163
+ var _this$props30 = this.props,
1164
+ actions = _this$props30.actions,
1165
+ onRateChange = _this$props30.onRateChange;
1163
1166
  actions.handleRateChange(this.getProperties());
1164
1167
  if (onRateChange) {
1165
1168
  onRateChange.apply(void 0, arguments);
@@ -1170,9 +1173,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1170
1173
  }, {
1171
1174
  key: "handleVolumeChange",
1172
1175
  value: function handleVolumeChange() {
1173
- var _this$props30 = this.props,
1174
- actions = _this$props30.actions,
1175
- onVolumeChange = _this$props30.onVolumeChange;
1176
+ var _this$props31 = this.props,
1177
+ actions = _this$props31.actions,
1178
+ onVolumeChange = _this$props31.onVolumeChange;
1176
1179
  actions.handleVolumeChange(this.getProperties());
1177
1180
  if (onVolumeChange) {
1178
1181
  onVolumeChange.apply(void 0, arguments);
@@ -1186,9 +1189,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1186
1189
  }, {
1187
1190
  key: "handleError",
1188
1191
  value: function handleError() {
1189
- var _this$props31 = this.props,
1190
- actions = _this$props31.actions,
1191
- onError = _this$props31.onError;
1192
+ var _this$props32 = this.props,
1193
+ actions = _this$props32.actions,
1194
+ onError = _this$props32.onError;
1192
1195
  actions.handleError(this.getProperties());
1193
1196
  if (onError) {
1194
1197
  onError.apply(void 0, arguments);
@@ -1282,9 +1285,9 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1282
1285
  }, {
1283
1286
  key: "handleSubtitleContainerClick",
1284
1287
  value: function handleSubtitleContainerClick() {
1285
- var _this$props32 = this.props,
1286
- actions = _this$props32.actions,
1287
- player = _this$props32.player;
1288
+ var _this$props33 = this.props,
1289
+ actions = _this$props33.actions,
1290
+ player = _this$props33.player;
1288
1291
  if (player.paused) {
1289
1292
  actions.play();
1290
1293
  } else {
@@ -1294,11 +1297,11 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1294
1297
  }, {
1295
1298
  key: "handleSubtitleClick",
1296
1299
  value: function handleSubtitleClick(e) {
1297
- var _this$props33 = this.props,
1298
- actions = _this$props33.actions,
1299
- player = _this$props33.player,
1300
- onScreenSubtitleClick = _this$props33.onScreenSubtitleClick,
1301
- controlType = _this$props33.controlType;
1300
+ var _this$props34 = this.props,
1301
+ actions = _this$props34.actions,
1302
+ player = _this$props34.player,
1303
+ onScreenSubtitleClick = _this$props34.onScreenSubtitleClick,
1304
+ controlType = _this$props34.controlType;
1302
1305
  var currentSubtitleObj = this.state.currentSubtitleObj;
1303
1306
  if (controlType === 'advanced') {
1304
1307
  if (onScreenSubtitleClick) {
@@ -1323,22 +1326,22 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
1323
1326
  _this$props$parentAnn2,
1324
1327
  _this$props$parentAnn3,
1325
1328
  _this$props$parentAnn4;
1326
- var _this$props34 = this.props,
1327
- loop = _this$props34.loop,
1328
- poster = _this$props34.poster,
1329
- preload = _this$props34.preload,
1330
- autoPlay = _this$props34.autoPlay,
1331
- playsInline = _this$props34.playsInline,
1332
- muted = _this$props34.muted,
1333
- crossOrigin = _this$props34.crossOrigin,
1334
- videoId = _this$props34.videoId,
1335
- fileType = _this$props34.fileType,
1336
- userEmail = _this$props34.userEmail,
1337
- theme = _this$props34.theme,
1338
- player = _this$props34.player,
1339
- playerType = _this$props34.playerType,
1340
- markers = _this$props34.markers,
1341
- isRightMenuVisible = _this$props34.isRightMenuVisible;
1329
+ var _this$props35 = this.props,
1330
+ loop = _this$props35.loop,
1331
+ poster = _this$props35.poster,
1332
+ preload = _this$props35.preload,
1333
+ autoPlay = _this$props35.autoPlay,
1334
+ playsInline = _this$props35.playsInline,
1335
+ muted = _this$props35.muted,
1336
+ crossOrigin = _this$props35.crossOrigin,
1337
+ videoId = _this$props35.videoId,
1338
+ fileType = _this$props35.fileType,
1339
+ userEmail = _this$props35.userEmail,
1340
+ theme = _this$props35.theme,
1341
+ player = _this$props35.player,
1342
+ playerType = _this$props35.playerType,
1343
+ markers = _this$props35.markers,
1344
+ isRightMenuVisible = _this$props35.isRightMenuVisible;
1342
1345
  var _this$state2 = this.state,
1343
1346
  isBuffering = _this$state2.isBuffering,
1344
1347
  watermark = _this$state2.watermark,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@desynova-digital/player",
3
- "version": "4.0.95",
3
+ "version": "4.0.97",
4
4
  "description": "Video Player Package for Contido Application",
5
5
  "main": "index.js",
6
6
  "scripts": {