@desynova-digital/player 4.0.45 → 4.0.46
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/Manager.js +9 -8
- package/actions/player.js +1 -1
- package/components/AudioMeter.js +28 -27
- package/components/BigPlayButton.js +17 -16
- package/components/ImageViewer.js +17 -16
- package/components/MarkerBar.js +17 -16
- package/components/Menu.js +2 -2
- package/components/Player.js +46 -45
- package/components/PlayerHeader.js +24 -23
- package/components/Playlist.js +15 -14
- package/components/PointersBar.js +20 -19
- package/components/PosterImage.js +1 -1
- package/components/SDOutline.js +2 -2
- package/components/Shortcut.js +70 -69
- package/components/Slider.js +33 -33
- package/components/TagsBar.js +16 -15
- package/components/Video.js +112 -111
- package/components/control-bar/AudioTracksMenuButton.js +15 -14
- package/components/control-bar/CameraButton.js +16 -15
- package/components/control-bar/CaptionControlMenuButton.js +20 -19
- package/components/control-bar/CommentsButton.js +17 -16
- package/components/control-bar/ControlBar.js +18 -17
- package/components/control-bar/EditorControlMenuButton.js +17 -16
- package/components/control-bar/ForwardControl.js +1 -1
- package/components/control-bar/ForwardReplayControl.js +16 -15
- package/components/control-bar/FullscreenToggle.js +16 -15
- package/components/control-bar/PlayToggle.js +16 -15
- package/components/control-bar/ReplayControl.js +1 -1
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +15 -14
- package/components/control-bar/SubtitleMovementMenu.js +17 -16
- package/components/control-bar/VolumeMenuButton.js +17 -16
- package/components/control-bar/ZoomMenuButton.js +17 -16
- package/components/marking-controls/MarkInControl.js +16 -15
- package/components/marking-controls/MarkOutControl.js +16 -15
- package/components/marking-controls/MarkingAddButton.js +16 -15
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +16 -15
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +16 -15
- package/components/progress-bar/AudioWaveform.js +16 -15
- package/components/progress-bar/LoadProgressBar.js +1 -1
- package/components/progress-bar/MouseTimeDisplay.js +1 -1
- package/components/progress-bar/PlayProgressBar.js +2 -2
- package/components/progress-bar/ProgressControl.js +20 -19
- package/components/progress-bar/SeekBar.js +28 -27
- package/components/progress-bar/Timeline.js +38 -34
- package/components/settings-menu-control/CameraControl.js +3 -3
- package/components/settings-menu-control/ChildMenuComponent.js +29 -28
- package/components/settings-menu-control/ParentMenuComponent.js +18 -17
- package/components/settings-menu-control/PlaybackRateControl.js +16 -15
- package/components/settings-menu-control/SafeAreaControl.js +16 -15
- package/components/settings-menu-control/SettingsMenu.js +12 -12
- package/components/time-controls/CurrentTimeDisplay.js +7 -7
- package/components/time-controls/DurationDisplay.js +2 -2
- package/components/time-controls/TimeDivider.js +2 -2
- package/components/volume-control/VolumeBar.js +25 -24
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +2 -2
- package/components/zoom-control/ZoomBar.js +24 -23
- package/components/zoom-control/ZoomLevel.js +2 -2
- package/index.js +2 -2
- package/package.json +1 -1
- package/reducers/operation.js +2 -2
- package/reducers/player.js +2 -2
- package/utils/browser.js +14 -14
- package/utils/dom.js +18 -18
- package/utils/fullscreen.js +6 -5
- package/utils/index.js +54 -54
package/components/Shortcut.js
CHANGED
|
@@ -9,30 +9,30 @@ var _propTypes = require("prop-types");
|
|
|
9
9
|
var _lodash = require("lodash");
|
|
10
10
|
var _hotkeysJs = _interopRequireDefault(require("hotkeys-js"));
|
|
11
11
|
var _utils = require("../utils");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
-
function _toConsumableArray(
|
|
14
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
15
15
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
|
-
function _iterableToArray(
|
|
17
|
-
function _arrayWithoutHoles(
|
|
18
|
-
function _slicedToArray(
|
|
16
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
17
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
18
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
19
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
|
-
function _unsupportedIterableToArray(
|
|
21
|
-
function _arrayLikeToArray(
|
|
20
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
22
22
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
23
|
-
function _arrayWithHoles(
|
|
24
|
-
function _classCallCheck(
|
|
25
|
-
function _defineProperties(
|
|
26
|
-
function _createClass(
|
|
23
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
24
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
26
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
27
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
28
|
-
function _possibleConstructorReturn(
|
|
29
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
28
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
30
29
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
31
|
-
function _getPrototypeOf(
|
|
32
|
-
function
|
|
33
|
-
function
|
|
34
|
-
function
|
|
35
|
-
function
|
|
30
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
31
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
32
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
33
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
34
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
36
36
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
37
37
|
var propTypes = {
|
|
38
38
|
clickable: _propTypes.PropTypes.bool,
|
|
@@ -55,11 +55,12 @@ var defaultProps = {
|
|
|
55
55
|
shortcuts: []
|
|
56
56
|
};
|
|
57
57
|
var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
58
|
+
_inherits(Shortcut, _Component);
|
|
58
59
|
function Shortcut(props, context) {
|
|
59
60
|
var _this;
|
|
60
61
|
_classCallCheck(this, Shortcut);
|
|
61
62
|
_this = _callSuper(this, Shortcut, [props, context]);
|
|
62
|
-
_defineProperty(_this, "segmentShift", function (direction) {
|
|
63
|
+
_defineProperty(_assertThisInitialized(_this), "segmentShift", function (direction) {
|
|
63
64
|
var _this$props = _this.props,
|
|
64
65
|
leftMarker = _this$props.playerSelectedMarker.leftMarker,
|
|
65
66
|
onTagClick = _this$props.onTagClick;
|
|
@@ -84,7 +85,7 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
84
85
|
onTagClick((_values$newIndex2 = values[newIndex]) === null || _values$newIndex2 === void 0 ? void 0 : _values$newIndex2.start_time, (_values$newIndex3 = values[newIndex]) === null || _values$newIndex3 === void 0 ? void 0 : _values$newIndex3.end_time, values[newIndex]);
|
|
85
86
|
}
|
|
86
87
|
});
|
|
87
|
-
_defineProperty(_this, "executeShortcut67", function (player, actions) {
|
|
88
|
+
_defineProperty(_assertThisInitialized(_this), "executeShortcut67", function (player, actions) {
|
|
88
89
|
var shortcut = _this.defaultShortcuts.find(function (s) {
|
|
89
90
|
return s.keyCode === 67;
|
|
90
91
|
});
|
|
@@ -95,22 +96,22 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
95
96
|
shortcut.handle.apply(shortcut, [player, actions].concat(args));
|
|
96
97
|
}
|
|
97
98
|
});
|
|
98
|
-
_defineProperty(_this, "debounceSegmentShiftForward", (0, _lodash.debounce)(function () {
|
|
99
|
+
_defineProperty(_assertThisInitialized(_this), "debounceSegmentShiftForward", (0, _lodash.debounce)(function () {
|
|
99
100
|
_this.segmentShift('forward');
|
|
100
101
|
}, 0));
|
|
101
|
-
_defineProperty(_this, "debounceSegmentShiftBackward", (0, _lodash.debounce)(function () {
|
|
102
|
+
_defineProperty(_assertThisInitialized(_this), "debounceSegmentShiftBackward", (0, _lodash.debounce)(function () {
|
|
102
103
|
_this.segmentShift('backward');
|
|
103
104
|
}, 0));
|
|
104
|
-
_defineProperty(_this, "debounceKeyFunc", (0, _lodash.debounce)(function (keyCode) {
|
|
105
|
+
_defineProperty(_assertThisInitialized(_this), "debounceKeyFunc", (0, _lodash.debounce)(function (keyCode) {
|
|
105
106
|
_this.handleKeyMovement(keyCode);
|
|
106
107
|
}));
|
|
107
|
-
/**
|
|
108
|
-
*
|
|
109
|
-
* @param {number} keyCode the keycode for the specific key's functionality
|
|
110
|
-
* @param {boolean} currentTimeRequired currentTime value required or not to perform key functionality
|
|
111
|
-
*common function to handle the key functionalies. eg-> W Key and Q key functionalities
|
|
108
|
+
/**
|
|
109
|
+
*
|
|
110
|
+
* @param {number} keyCode the keycode for the specific key's functionality
|
|
111
|
+
* @param {boolean} currentTimeRequired currentTime value required or not to perform key functionality
|
|
112
|
+
*common function to handle the key functionalies. eg-> W Key and Q key functionalities
|
|
112
113
|
*/
|
|
113
|
-
_defineProperty(_this, "handleKeyMovement", function (keyCode) {
|
|
114
|
+
_defineProperty(_assertThisInitialized(_this), "handleKeyMovement", function (keyCode) {
|
|
114
115
|
var _this$props$markers$, _this$props$playerSel, _this$props$player, _this$props$player2;
|
|
115
116
|
if (keyCode === 81 || keyCode === 87) {
|
|
116
117
|
_this.isCalled = true;
|
|
@@ -133,16 +134,16 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
133
134
|
});
|
|
134
135
|
}
|
|
135
136
|
});
|
|
136
|
-
/**
|
|
137
|
-
*
|
|
138
|
-
* @param {event} event
|
|
139
|
-
* @param {function} handleKeyMovement function to call Q and W key functionality
|
|
140
|
-
* @param {function} debounceKeyFunc to handle the debounced I and O key functionality
|
|
141
|
-
* @param {string} keyParameter to identify the key combo pressed
|
|
142
|
-
* this function executed the Q and W key functionality first and then performs I and O key functionality provided 3 key combo is still pressed
|
|
143
|
-
* Once we leave the keyCombo isCalled variable is set to false. This ensures that on the next combo press we will again execute Q/W key combo first.
|
|
137
|
+
/**
|
|
138
|
+
*
|
|
139
|
+
* @param {event} event
|
|
140
|
+
* @param {function} handleKeyMovement function to call Q and W key functionality
|
|
141
|
+
* @param {function} debounceKeyFunc to handle the debounced I and O key functionality
|
|
142
|
+
* @param {string} keyParameter to identify the key combo pressed
|
|
143
|
+
* this function executed the Q and W key functionality first and then performs I and O key functionality provided 3 key combo is still pressed
|
|
144
|
+
* Once we leave the keyCombo isCalled variable is set to false. This ensures that on the next combo press we will again execute Q/W key combo first.
|
|
144
145
|
*/
|
|
145
|
-
_defineProperty(_this, "createThreeKeyCombo", function (event, handleKeyMovement, debounceKeyFunc, keyParameter) {
|
|
146
|
+
_defineProperty(_assertThisInitialized(_this), "createThreeKeyCombo", function (event, handleKeyMovement, debounceKeyFunc, keyParameter) {
|
|
146
147
|
var _this$props3 = _this.props,
|
|
147
148
|
playerReadOnlyMode = _this$props3.playerReadOnlyMode,
|
|
148
149
|
disablePlayerActions = _this$props3.disablePlayerActions;
|
|
@@ -160,26 +161,26 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
160
161
|
_this.isCalled = false;
|
|
161
162
|
}
|
|
162
163
|
});
|
|
163
|
-
_defineProperty(_this, "threeKeyCombo1", (0, _lodash.debounce)(function (event) {
|
|
164
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 87), _this.debounceKeyFunc.bind(_this, 79), 'Ctrl + O + Right');
|
|
164
|
+
_defineProperty(_assertThisInitialized(_this), "threeKeyCombo1", (0, _lodash.debounce)(function (event) {
|
|
165
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_assertThisInitialized(_this), 87), _this.debounceKeyFunc.bind(_assertThisInitialized(_this), 79), 'Ctrl + O + Right');
|
|
165
166
|
}, 0, {
|
|
166
167
|
leading: true,
|
|
167
168
|
trailing: true
|
|
168
169
|
}));
|
|
169
|
-
_defineProperty(_this, "threeKeyCombo2", (0, _lodash.debounce)(function (event) {
|
|
170
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 87), _this.debounceKeyFunc.bind(_this, 79), 'Ctrl + O + Left');
|
|
170
|
+
_defineProperty(_assertThisInitialized(_this), "threeKeyCombo2", (0, _lodash.debounce)(function (event) {
|
|
171
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_assertThisInitialized(_this), 87), _this.debounceKeyFunc.bind(_assertThisInitialized(_this), 79), 'Ctrl + O + Left');
|
|
171
172
|
}, 0, {
|
|
172
173
|
leading: true,
|
|
173
174
|
trailing: true
|
|
174
175
|
}));
|
|
175
|
-
_defineProperty(_this, "threeKeyCombo3", (0, _lodash.debounce)(function (event) {
|
|
176
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 81), _this.debounceKeyFunc.bind(_this, 73), 'Ctrl + I + Right');
|
|
176
|
+
_defineProperty(_assertThisInitialized(_this), "threeKeyCombo3", (0, _lodash.debounce)(function (event) {
|
|
177
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_assertThisInitialized(_this), 81), _this.debounceKeyFunc.bind(_assertThisInitialized(_this), 73), 'Ctrl + I + Right');
|
|
177
178
|
}, 0, {
|
|
178
179
|
leading: true,
|
|
179
180
|
trailing: true
|
|
180
181
|
}));
|
|
181
|
-
_defineProperty(_this, "threeKeyCombo4", (0, _lodash.debounce)(function (event) {
|
|
182
|
-
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_this, 81), _this.debounceKeyFunc.bind(_this, 73), 'Ctrl + I + Left');
|
|
182
|
+
_defineProperty(_assertThisInitialized(_this), "threeKeyCombo4", (0, _lodash.debounce)(function (event) {
|
|
183
|
+
return _this.createThreeKeyCombo(event, _this.handleKeyMovement.bind(_assertThisInitialized(_this), 81), _this.debounceKeyFunc.bind(_assertThisInitialized(_this), 73), 'Ctrl + I + Left');
|
|
183
184
|
}, 0, {
|
|
184
185
|
leading: true,
|
|
185
186
|
trailing: true
|
|
@@ -626,14 +627,13 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
626
627
|
}];
|
|
627
628
|
_this.shortcuts = _toConsumableArray(_this.defaultShortcuts);
|
|
628
629
|
_this.isCalled = false;
|
|
629
|
-
_this.mergeShortcuts = _this.mergeShortcuts.bind(_this);
|
|
630
|
-
_this.handleKeyPress = _this.handleKeyPress.bind(_this);
|
|
631
|
-
_this.handleClick = _this.handleClick.bind(_this);
|
|
632
|
-
_this.handleDoubleClick = _this.handleDoubleClick.bind(_this);
|
|
630
|
+
_this.mergeShortcuts = _this.mergeShortcuts.bind(_assertThisInitialized(_this));
|
|
631
|
+
_this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_this));
|
|
632
|
+
_this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
|
|
633
|
+
_this.handleDoubleClick = _this.handleDoubleClick.bind(_assertThisInitialized(_this));
|
|
633
634
|
return _this;
|
|
634
635
|
}
|
|
635
|
-
|
|
636
|
-
return _createClass(Shortcut, [{
|
|
636
|
+
_createClass(Shortcut, [{
|
|
637
637
|
key: "componentDidMount",
|
|
638
638
|
value: function componentDidMount() {
|
|
639
639
|
this.mergeShortcuts();
|
|
@@ -808,20 +808,20 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
808
808
|
} else if (playbackRate >= 0.5) {
|
|
809
809
|
playbackRate = 1.0;
|
|
810
810
|
}
|
|
811
|
-
/*
|
|
812
|
-
* else if (playbackRate >= 1.25) {
|
|
813
|
-
* playbackRate = 1.5;
|
|
814
|
-
* } else if (playbackRate >= 1.0) {
|
|
815
|
-
* playbackRate = 1.25;
|
|
816
|
-
* }
|
|
817
|
-
* else if (playbackRate >= 0.5) {
|
|
818
|
-
* playbackRate = 1.0;
|
|
819
|
-
* }
|
|
820
|
-
* else if (playbackRate >= 0.25) {
|
|
821
|
-
* playbackRate = 0.5;
|
|
822
|
-
* } else if (playbackRate >= 0) {
|
|
823
|
-
* playbackRate = 0.25;
|
|
824
|
-
* }
|
|
811
|
+
/*
|
|
812
|
+
* else if (playbackRate >= 1.25) {
|
|
813
|
+
* playbackRate = 1.5;
|
|
814
|
+
* } else if (playbackRate >= 1.0) {
|
|
815
|
+
* playbackRate = 1.25;
|
|
816
|
+
* }
|
|
817
|
+
* else if (playbackRate >= 0.5) {
|
|
818
|
+
* playbackRate = 1.0;
|
|
819
|
+
* }
|
|
820
|
+
* else if (playbackRate >= 0.25) {
|
|
821
|
+
* playbackRate = 0.5;
|
|
822
|
+
* } else if (playbackRate >= 0) {
|
|
823
|
+
* playbackRate = 0.25;
|
|
824
|
+
* }
|
|
825
825
|
*/
|
|
826
826
|
actions.changeRate(playbackRate, {
|
|
827
827
|
action: 'fast-forward',
|
|
@@ -910,9 +910,9 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
910
910
|
// e.preventDefault();
|
|
911
911
|
}
|
|
912
912
|
|
|
913
|
-
/*
|
|
914
|
-
* this component dose not render anything
|
|
915
|
-
* it's just for the key down event
|
|
913
|
+
/*
|
|
914
|
+
* this component dose not render anything
|
|
915
|
+
* it's just for the key down event
|
|
916
916
|
*/
|
|
917
917
|
}, {
|
|
918
918
|
key: "render",
|
|
@@ -920,6 +920,7 @@ var Shortcut = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
920
920
|
return null;
|
|
921
921
|
}
|
|
922
922
|
}]);
|
|
923
|
+
return Shortcut;
|
|
923
924
|
}(_react.Component);
|
|
924
925
|
Shortcut.propTypes = propTypes;
|
|
925
926
|
Shortcut.defaultProps = defaultProps;
|
package/components/Slider.js
CHANGED
|
@@ -12,23 +12,22 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
12
12
|
var Dom = _interopRequireWildcard(require("../utils/dom"));
|
|
13
13
|
var _tokens = require("@desynova-digital/tokens");
|
|
14
14
|
var _templateObject;
|
|
15
|
-
function _interopRequireDefault(
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
20
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
23
22
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
24
23
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
25
|
-
function _possibleConstructorReturn(
|
|
26
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
24
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
27
25
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
28
|
-
function _getPrototypeOf(
|
|
29
|
-
function
|
|
30
|
-
function
|
|
31
|
-
function
|
|
26
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
27
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
28
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
29
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
30
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
32
31
|
var propTypes = {
|
|
33
32
|
theme: _propTypes.PropTypes.string,
|
|
34
33
|
onMouseDown: _propTypes.PropTypes.func,
|
|
@@ -70,29 +69,29 @@ var SliderBlock = _styledComponents["default"].div(_templateObject || (_template
|
|
|
70
69
|
return props.theme ? " ".concat(_tokens.colors[props.theme].base) : '#121d29';
|
|
71
70
|
});
|
|
72
71
|
var Slider = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
72
|
+
_inherits(Slider, _Component);
|
|
73
73
|
function Slider(props, context) {
|
|
74
74
|
var _this;
|
|
75
75
|
_classCallCheck(this, Slider);
|
|
76
76
|
_this = _callSuper(this, Slider, [props, context]);
|
|
77
|
-
_this.handleMouseDown = _this.handleMouseDown.bind(_this);
|
|
78
|
-
_this.handleMouseMove = _this.handleMouseMove.bind(_this);
|
|
79
|
-
_this.handleMouseUp = _this.handleMouseUp.bind(_this);
|
|
80
|
-
_this.handleFocus = _this.handleFocus.bind(_this);
|
|
81
|
-
_this.handleBlur = _this.handleBlur.bind(_this);
|
|
82
|
-
_this.handleClick = _this.handleClick.bind(_this);
|
|
83
|
-
_this.handleKeyPress = _this.handleKeyPress.bind(_this);
|
|
84
|
-
_this.stepForward = _this.stepForward.bind(_this);
|
|
85
|
-
_this.stepBack = _this.stepBack.bind(_this);
|
|
86
|
-
_this.calculateDistance = _this.calculateDistance.bind(_this);
|
|
87
|
-
_this.getProgress = _this.getProgress.bind(_this);
|
|
88
|
-
_this.renderChildren = _this.renderChildren.bind(_this);
|
|
77
|
+
_this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
|
|
78
|
+
_this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
|
|
79
|
+
_this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
|
|
80
|
+
_this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
|
|
81
|
+
_this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
|
|
82
|
+
_this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
|
|
83
|
+
_this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_this));
|
|
84
|
+
_this.stepForward = _this.stepForward.bind(_assertThisInitialized(_this));
|
|
85
|
+
_this.stepBack = _this.stepBack.bind(_assertThisInitialized(_this));
|
|
86
|
+
_this.calculateDistance = _this.calculateDistance.bind(_assertThisInitialized(_this));
|
|
87
|
+
_this.getProgress = _this.getProgress.bind(_assertThisInitialized(_this));
|
|
88
|
+
_this.renderChildren = _this.renderChildren.bind(_assertThisInitialized(_this));
|
|
89
89
|
_this.state = {
|
|
90
90
|
// active: false,
|
|
91
91
|
};
|
|
92
92
|
return _this;
|
|
93
93
|
}
|
|
94
|
-
|
|
95
|
-
return _createClass(Slider, [{
|
|
94
|
+
_createClass(Slider, [{
|
|
96
95
|
key: "getProgress",
|
|
97
96
|
value: function getProgress() {
|
|
98
97
|
var getPercent = this.props.getPercent;
|
|
@@ -113,9 +112,9 @@ var Slider = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
113
112
|
var _this$props = this.props,
|
|
114
113
|
onMouseDown = _this$props.onMouseDown,
|
|
115
114
|
sliderActive = _this$props.sliderActive;
|
|
116
|
-
/*
|
|
117
|
-
* event.preventDefault();
|
|
118
|
-
* event.stopPropagation();
|
|
115
|
+
/*
|
|
116
|
+
* event.preventDefault();
|
|
117
|
+
* event.stopPropagation();
|
|
119
118
|
*/
|
|
120
119
|
|
|
121
120
|
document.addEventListener('mousemove', this.handleMouseMove, true);
|
|
@@ -123,9 +122,9 @@ var Slider = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
123
122
|
document.addEventListener('touchmove', this.handleMouseMove, true);
|
|
124
123
|
document.addEventListener('touchend', this.handleMouseUp, true);
|
|
125
124
|
this.setState({
|
|
126
|
-
/*
|
|
127
|
-
* active: true,
|
|
128
|
-
* distance: 0
|
|
125
|
+
/*
|
|
126
|
+
* active: true,
|
|
127
|
+
* distance: 0
|
|
129
128
|
*/
|
|
130
129
|
});
|
|
131
130
|
if (sliderActive) {
|
|
@@ -272,6 +271,7 @@ var Slider = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
272
271
|
}, this.renderChildren());
|
|
273
272
|
}
|
|
274
273
|
}]);
|
|
274
|
+
return Slider;
|
|
275
275
|
}(_react.Component);
|
|
276
276
|
Slider.propTypes = propTypes;
|
|
277
277
|
Slider.defaultProps = defaultProps;
|
package/components/TagsBar.js
CHANGED
|
@@ -9,22 +9,22 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _propTypes = require("prop-types");
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
var _templateObject;
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
15
|
-
function _classCallCheck(
|
|
16
|
-
function _defineProperties(
|
|
17
|
-
function _createClass(
|
|
18
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
16
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
17
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
19
19
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
20
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
21
|
-
function _possibleConstructorReturn(
|
|
22
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
21
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
23
22
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
24
|
-
function _getPrototypeOf(
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function
|
|
23
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
24
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
25
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
28
28
|
var propTypes = {
|
|
29
29
|
tagsMarker: _propTypes.PropTypes.instanceOf(Array),
|
|
30
30
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
@@ -32,15 +32,15 @@ var propTypes = {
|
|
|
32
32
|
};
|
|
33
33
|
var TagsBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 10px;\n position: absolute;\n bottom: 40px;\n cursor: default;\n .marker {\n position: absolute;\n width: 2px;\n height: 100%;\n background: #00cec6;\n cursor: pointer;\n transition: transform 250ms ease-in-out;\n &:hover {\n transform: scale(2);\n }\n }\n"])));
|
|
34
34
|
var TagsBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
35
|
+
_inherits(TagsBar, _Component);
|
|
35
36
|
function TagsBar(props) {
|
|
36
37
|
var _this;
|
|
37
38
|
_classCallCheck(this, TagsBar);
|
|
38
39
|
_this = _callSuper(this, TagsBar, [props]);
|
|
39
|
-
_this.getMarkerPosition = _this.getMarkerPosition.bind(_this);
|
|
40
|
+
_this.getMarkerPosition = _this.getMarkerPosition.bind(_assertThisInitialized(_this));
|
|
40
41
|
return _this;
|
|
41
42
|
}
|
|
42
|
-
|
|
43
|
-
return _createClass(TagsBar, [{
|
|
43
|
+
_createClass(TagsBar, [{
|
|
44
44
|
key: "getMarkerPosition",
|
|
45
45
|
value: function getMarkerPosition(timePos) {
|
|
46
46
|
var player = this.props.player;
|
|
@@ -75,6 +75,7 @@ var TagsBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
75
75
|
}));
|
|
76
76
|
}
|
|
77
77
|
}]);
|
|
78
|
+
return TagsBar;
|
|
78
79
|
}(_react.Component);
|
|
79
80
|
TagsBar.propTypes = propTypes;
|
|
80
81
|
TagsBar.displayName = 'TagsBar';
|