@desynova-digital/player 4.1.2 → 4.1.4
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 +20 -9
- package/package.json +1 -1
package/components/Player.js
CHANGED
|
@@ -396,6 +396,7 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
396
396
|
document.addEventListener('fullscreenchange', this.handleFullscreenFix);
|
|
397
397
|
_fullscreen["default"].addEventListener(this.handleFullScreenChange);
|
|
398
398
|
this.handleMarginsAndGrid();
|
|
399
|
+
|
|
399
400
|
/*
|
|
400
401
|
* const { player } = this.manager.getState();
|
|
401
402
|
* this.actions.toggleFullscreen(player);
|
|
@@ -420,6 +421,13 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
420
421
|
this.handleMarginsAndGrid();
|
|
421
422
|
}
|
|
422
423
|
}
|
|
424
|
+
}, {
|
|
425
|
+
key: "getPlayer",
|
|
426
|
+
value: function getPlayer() {
|
|
427
|
+
var _this$manager$getStat2 = this.manager.getState(),
|
|
428
|
+
player = _this$manager$getStat2.player;
|
|
429
|
+
return player;
|
|
430
|
+
}
|
|
423
431
|
}, {
|
|
424
432
|
key: "componentWillUnmount",
|
|
425
433
|
value: function componentWillUnmount() {
|
|
@@ -449,8 +457,8 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
449
457
|
}, {
|
|
450
458
|
key: "exitFullScreenMode",
|
|
451
459
|
value: function exitFullScreenMode() {
|
|
452
|
-
var _this$manager$
|
|
453
|
-
player = _this$manager$
|
|
460
|
+
var _this$manager$getStat3 = this.manager.getState(),
|
|
461
|
+
player = _this$manager$getStat3.player;
|
|
454
462
|
var onRightMenuVisible = this.props.onRightMenuVisible;
|
|
455
463
|
this.actions.toggleFullscreen(player);
|
|
456
464
|
// Trigger UI change based for exit
|
|
@@ -775,6 +783,10 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
775
783
|
}, {
|
|
776
784
|
key: "seek",
|
|
777
785
|
value: function seek(time) {
|
|
786
|
+
var pauseOnSeek = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
787
|
+
if (pauseOnSeek) {
|
|
788
|
+
this.video.pause();
|
|
789
|
+
}
|
|
778
790
|
this.video.seek(time);
|
|
779
791
|
}
|
|
780
792
|
|
|
@@ -810,8 +822,8 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
810
822
|
}, {
|
|
811
823
|
key: "handleResize",
|
|
812
824
|
value: function handleResize() {
|
|
813
|
-
var _this$manager$
|
|
814
|
-
player = _this$manager$
|
|
825
|
+
var _this$manager$getStat4 = this.manager.getState(),
|
|
826
|
+
player = _this$manager$getStat4.player;
|
|
815
827
|
var leftSectionRef = this._leftSectionRef;
|
|
816
828
|
var rightSectionRef = this._rightSectionRef;
|
|
817
829
|
var audioMeterBlock = this._audioMeterBlock;
|
|
@@ -926,7 +938,6 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
926
938
|
if (!((_this$props6 = this.props) !== null && _this$props6 !== void 0 && _this$props6.noRightComponent)) {
|
|
927
939
|
video.style.height = videoHeight + 'px';
|
|
928
940
|
}
|
|
929
|
-
;
|
|
930
941
|
video.style.margin = '0 auto';
|
|
931
942
|
video.classList.add('ratio-border');
|
|
932
943
|
} else if (window.innerHeight >= 900) {
|
|
@@ -974,8 +985,8 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
974
985
|
}, {
|
|
975
986
|
key: "handleBlur",
|
|
976
987
|
value: function handleBlur() {
|
|
977
|
-
var _this$manager$
|
|
978
|
-
player = _this$manager$
|
|
988
|
+
var _this$manager$getStat5 = this.manager.getState(),
|
|
989
|
+
player = _this$manager$getStat5.player;
|
|
979
990
|
if (player.isFullscreen) return;
|
|
980
991
|
this.actions.activate(false);
|
|
981
992
|
}
|
|
@@ -993,8 +1004,8 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
993
1004
|
value: function render() {
|
|
994
1005
|
var _this6 = this,
|
|
995
1006
|
_props$player;
|
|
996
|
-
var _this$manager$
|
|
997
|
-
player = _this$manager$
|
|
1007
|
+
var _this$manager$getStat6 = this.manager.getState(),
|
|
1008
|
+
player = _this$manager$getStat6.player;
|
|
998
1009
|
var props = _objectSpread(_objectSpread({}, this.props), {}, {
|
|
999
1010
|
player: player,
|
|
1000
1011
|
actions: this.actions,
|