@desynova-digital/player 4.0.46 → 4.0.48
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 +8 -9
- package/actions/player.js +1 -1
- package/components/AudioMeter.js +27 -28
- package/components/BigPlayButton.js +16 -17
- package/components/ImageViewer.js +16 -17
- package/components/MarkerBar.js +16 -17
- package/components/Menu.js +2 -2
- package/components/Player.js +45 -46
- package/components/PlayerHeader.js +23 -24
- package/components/Playlist.js +14 -15
- package/components/PointersBar.js +19 -20
- package/components/PosterImage.js +1 -1
- package/components/SDOutline.js +2 -2
- package/components/Shortcut.js +69 -70
- package/components/Slider.js +33 -33
- package/components/TagsBar.js +15 -16
- package/components/Video.js +111 -112
- package/components/control-bar/AudioTracksMenuButton.js +14 -15
- package/components/control-bar/CameraButton.js +15 -16
- package/components/control-bar/CaptionControlMenuButton.js +19 -20
- package/components/control-bar/CommentsButton.js +16 -17
- package/components/control-bar/ControlBar.js +17 -18
- package/components/control-bar/EditorControlMenuButton.js +16 -17
- package/components/control-bar/ForwardControl.js +1 -1
- package/components/control-bar/ForwardReplayControl.js +15 -16
- package/components/control-bar/FullscreenToggle.js +15 -16
- package/components/control-bar/PlayToggle.js +15 -16
- package/components/control-bar/ReplayControl.js +1 -1
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +14 -15
- package/components/control-bar/SubtitleMovementMenu.js +16 -17
- package/components/control-bar/VolumeMenuButton.js +16 -17
- package/components/control-bar/ZoomMenuButton.js +16 -17
- package/components/marking-controls/MarkInControl.js +15 -16
- package/components/marking-controls/MarkOutControl.js +15 -16
- package/components/marking-controls/MarkingAddButton.js +15 -16
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +15 -16
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +15 -16
- package/components/progress-bar/AudioWaveform.js +15 -16
- 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 +19 -20
- package/components/progress-bar/SeekBar.js +27 -28
- package/components/progress-bar/Timeline.js +26 -22
- package/components/settings-menu-control/CameraControl.js +3 -3
- package/components/settings-menu-control/ChildMenuComponent.js +28 -29
- package/components/settings-menu-control/ParentMenuComponent.js +17 -18
- package/components/settings-menu-control/PlaybackRateControl.js +15 -16
- package/components/settings-menu-control/SafeAreaControl.js +15 -16
- 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 +24 -25
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +2 -2
- package/components/zoom-control/ZoomBar.js +23 -24
- 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 +5 -6
- package/utils/index.js +56 -56
|
@@ -10,37 +10,37 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _propTypes = require("prop-types");
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _templateObject;
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
14
|
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); }
|
|
15
|
-
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 &&
|
|
16
|
-
function _classCallCheck(
|
|
17
|
-
function _defineProperties(
|
|
18
|
-
function _createClass(
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
15
|
+
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 && {}.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; }
|
|
16
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
17
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
18
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
20
20
|
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); }
|
|
21
21
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
22
|
-
function _possibleConstructorReturn(
|
|
22
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
23
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
23
24
|
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
|
|
28
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
26
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
27
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
28
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
29
29
|
var propTypes = {
|
|
30
30
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
31
31
|
onDeleteMarker: _propTypes.PropTypes.func
|
|
32
32
|
};
|
|
33
33
|
var DeleteButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 0 10px 0 5px;\n background: transparent;\n border: none;\n &:hover {\n margin: 0 10px 0 5px;\n background: transparent;\n border: none;\n }\n ", " {\n svg path {\n fill: #303f51;\n }\n }\n"])), _components.Icon.Element);
|
|
34
34
|
var MarkingDeleteButton = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
35
|
-
_inherits(MarkingDeleteButton, _Component);
|
|
36
35
|
function MarkingDeleteButton(props) {
|
|
37
36
|
var _this;
|
|
38
37
|
_classCallCheck(this, MarkingDeleteButton);
|
|
39
38
|
_this = _callSuper(this, MarkingDeleteButton, [props]);
|
|
40
|
-
_this.handleClick = _this.handleClick.bind(
|
|
39
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
41
40
|
return _this;
|
|
42
41
|
}
|
|
43
|
-
|
|
42
|
+
_inherits(MarkingDeleteButton, _Component);
|
|
43
|
+
return _createClass(MarkingDeleteButton, [{
|
|
44
44
|
key: "handleClick",
|
|
45
45
|
value: function handleClick() {
|
|
46
46
|
var _this$props = this.props,
|
|
@@ -64,7 +64,6 @@ var MarkingDeleteButton = exports["default"] = /*#__PURE__*/function (_Component
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
}]);
|
|
67
|
-
return MarkingDeleteButton;
|
|
68
67
|
}(_react.Component);
|
|
69
68
|
MarkingDeleteButton.propTypes = propTypes;
|
|
70
69
|
MarkingDeleteButton.displayName = 'MarkingDeleteButton';
|
|
@@ -11,8 +11,8 @@ var _components = require("@desynova-digital/components");
|
|
|
11
11
|
var _utils = require("../../utils");
|
|
12
12
|
var _tokens = require("@desynova-digital/tokens");
|
|
13
13
|
var _templateObject;
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _taggedTemplateLiteral(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
16
16
|
var propTypes = {
|
|
17
17
|
leftMarker: _propTypes.PropTypes.number,
|
|
18
18
|
rightMarker: _propTypes.PropTypes.number,
|
|
@@ -10,37 +10,37 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _propTypes = require("prop-types");
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _templateObject;
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
14
|
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); }
|
|
15
|
-
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 &&
|
|
16
|
-
function _classCallCheck(
|
|
17
|
-
function _defineProperties(
|
|
18
|
-
function _createClass(
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
15
|
+
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 && {}.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; }
|
|
16
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
17
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
18
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
20
20
|
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); }
|
|
21
21
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
22
|
-
function _possibleConstructorReturn(
|
|
22
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
23
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
23
24
|
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
|
|
28
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
26
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
27
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
28
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
29
29
|
var propTypes = {
|
|
30
30
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
31
31
|
leftMarker: _propTypes.PropTypes.number
|
|
32
32
|
};
|
|
33
33
|
var PreviewButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: transparent;\n border-color: #afb2ba;\n border-width: 1px;\n margin: 0 5px 0 5px;\n &:hover,\n &:focus {\n background: transparent;\n border-color: #afb2ba;\n }\n\n ", " {\n svg path {\n fill: #afb2ba;\n }\n }\n"])), _components.Icon.Element);
|
|
34
34
|
var MarkingPreview = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
35
|
-
_inherits(MarkingPreview, _Component);
|
|
36
35
|
function MarkingPreview(props) {
|
|
37
36
|
var _this;
|
|
38
37
|
_classCallCheck(this, MarkingPreview);
|
|
39
38
|
_this = _callSuper(this, MarkingPreview, [props]);
|
|
40
|
-
_this.handleClick = _this.handleClick.bind(
|
|
39
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
41
40
|
return _this;
|
|
42
41
|
}
|
|
43
|
-
|
|
42
|
+
_inherits(MarkingPreview, _Component);
|
|
43
|
+
return _createClass(MarkingPreview, [{
|
|
44
44
|
key: "handleClick",
|
|
45
45
|
value: function handleClick() {
|
|
46
46
|
var _this$props = this.props,
|
|
@@ -66,7 +66,6 @@ var MarkingPreview = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
68
|
}]);
|
|
69
|
-
return MarkingPreview;
|
|
70
69
|
}(_react.Component);
|
|
71
70
|
MarkingPreview.propTypes = propTypes;
|
|
72
71
|
MarkingPreview.displayName = 'MarkingPreview';
|
|
@@ -11,22 +11,22 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
var _templateObject;
|
|
12
12
|
/*global webkitAudioContext*/
|
|
13
13
|
/*eslint no-undef: ["error", { "typeof": true }] */
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
15
|
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); }
|
|
16
|
-
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 &&
|
|
17
|
-
function _classCallCheck(
|
|
18
|
-
function _defineProperties(
|
|
19
|
-
function _createClass(
|
|
20
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
16
|
+
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 && {}.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; }
|
|
17
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
18
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
19
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
20
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
21
21
|
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); }
|
|
22
22
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
23
|
-
function _possibleConstructorReturn(
|
|
23
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
24
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
24
25
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
-
function _getPrototypeOf(
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
26
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
27
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
28
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
29
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
30
30
|
var propTypes = {
|
|
31
31
|
audioSrc: _propTypes.PropTypes.string,
|
|
32
32
|
currentZoom: _propTypes.PropTypes.number
|
|
@@ -37,7 +37,6 @@ var defaultProps = {
|
|
|
37
37
|
};
|
|
38
38
|
var AudioWaveformBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n right: 0;\n canvas {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: #000;\n }\n"])));
|
|
39
39
|
var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
40
|
-
_inherits(AudioWaveform, _Component);
|
|
41
40
|
function AudioWaveform(props, context) {
|
|
42
41
|
var _this;
|
|
43
42
|
_classCallCheck(this, AudioWaveform);
|
|
@@ -45,10 +44,11 @@ var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
45
44
|
_this.state = {
|
|
46
45
|
buffer: null
|
|
47
46
|
};
|
|
48
|
-
_this.getWaveform = _this.getWaveform.bind(
|
|
47
|
+
_this.getWaveform = _this.getWaveform.bind(_this);
|
|
49
48
|
return _this;
|
|
50
49
|
}
|
|
51
|
-
|
|
50
|
+
_inherits(AudioWaveform, _Component);
|
|
51
|
+
return _createClass(AudioWaveform, [{
|
|
52
52
|
key: "getWaveform",
|
|
53
53
|
value: function getWaveform() {
|
|
54
54
|
var _this2 = this;
|
|
@@ -119,7 +119,6 @@ var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
119
119
|
}));
|
|
120
120
|
}
|
|
121
121
|
}]);
|
|
122
|
-
return AudioWaveform;
|
|
123
122
|
}(_react.Component);
|
|
124
123
|
AudioWaveform.propTypes = propTypes;
|
|
125
124
|
AudioWaveform.defaultProps = defaultProps;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = LoadProgressBar;
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
10
|
var propTypes = {
|
|
11
11
|
duration: _propTypes.PropTypes.number,
|
|
12
12
|
buffered: _propTypes.PropTypes.instanceOf(Object)
|
|
@@ -7,7 +7,7 @@ exports["default"] = void 0;
|
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _utils = require("../../utils");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
var propTypes = {
|
|
12
12
|
duration: _propTypes.PropTypes.number,
|
|
13
13
|
mouseTime: _propTypes.PropTypes.instanceOf(Object)
|
|
@@ -10,8 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _utils = require("../../utils");
|
|
11
11
|
var _colors = _interopRequireDefault(require("../../colors"));
|
|
12
12
|
var _templateObject;
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _taggedTemplateLiteral(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
15
15
|
var propTypes = {
|
|
16
16
|
currentTime: _propTypes.PropTypes.number,
|
|
17
17
|
duration: _propTypes.PropTypes.number,
|
|
@@ -15,24 +15,24 @@ var _PointersBar = _interopRequireDefault(require("../PointersBar"));
|
|
|
15
15
|
var _colors = _interopRequireDefault(require("../../colors"));
|
|
16
16
|
var _player = _interopRequireDefault(require("../../reducers/player"));
|
|
17
17
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
18
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
19
|
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); }
|
|
20
|
-
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 &&
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
22
|
-
function _classCallCheck(
|
|
23
|
-
function _defineProperties(
|
|
24
|
-
function _createClass(
|
|
20
|
+
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 && {}.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; }
|
|
21
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
23
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
24
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
25
25
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
26
|
-
function _possibleConstructorReturn(
|
|
26
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
27
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
27
28
|
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
|
|
32
|
-
function
|
|
33
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
29
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
30
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
31
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
32
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
33
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
34
34
|
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); }
|
|
35
|
-
function _taggedTemplateLiteral(
|
|
35
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
36
36
|
var propTypes = {
|
|
37
37
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
38
38
|
controlType: _propTypes.PropTypes.string,
|
|
@@ -69,12 +69,11 @@ var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_tem
|
|
|
69
69
|
});
|
|
70
70
|
var CoverDiv = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: black;\n z-index: 2;\n position: absolute;\n height: 60px;\n width: 89px;\n left: 0px;\n top: 20px;\n"])));
|
|
71
71
|
var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
72
|
-
_inherits(ProgressControl, _Component);
|
|
73
72
|
function ProgressControl(props, context) {
|
|
74
73
|
var _this;
|
|
75
74
|
_classCallCheck(this, ProgressControl);
|
|
76
75
|
_this = _callSuper(this, ProgressControl, [props, context]);
|
|
77
|
-
_defineProperty(
|
|
76
|
+
_defineProperty(_this, "handleChildScroll", function (scrollTop) {
|
|
78
77
|
if (_this.parentScrollDivRef.current) {
|
|
79
78
|
_this.parentScrollDivRef.current.scrollTop = scrollTop;
|
|
80
79
|
}
|
|
@@ -87,11 +86,12 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
87
86
|
}
|
|
88
87
|
};
|
|
89
88
|
_this.parentScrollDivRef = /*#__PURE__*/(0, _react.createRef)();
|
|
90
|
-
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(
|
|
91
|
-
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(
|
|
89
|
+
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_this);
|
|
90
|
+
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_this);
|
|
92
91
|
return _this;
|
|
93
92
|
}
|
|
94
|
-
|
|
93
|
+
_inherits(ProgressControl, _Component);
|
|
94
|
+
return _createClass(ProgressControl, [{
|
|
95
95
|
key: "componentDidUpdate",
|
|
96
96
|
value: function componentDidUpdate() {
|
|
97
97
|
var _this$props = this.props,
|
|
@@ -207,7 +207,6 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
207
207
|
})) : null));
|
|
208
208
|
}
|
|
209
209
|
}]);
|
|
210
|
-
return ProgressControl;
|
|
211
210
|
}(_react.Component);
|
|
212
211
|
ProgressControl.propTypes = propTypes;
|
|
213
212
|
ProgressControl.defaultProps = defaultProps;
|
|
@@ -15,23 +15,23 @@ var _Timeline = _interopRequireDefault(require("./Timeline"));
|
|
|
15
15
|
var _MarkerBar = _interopRequireDefault(require("../MarkerBar"));
|
|
16
16
|
var _TagsBar = _interopRequireDefault(require("../TagsBar"));
|
|
17
17
|
var _templateObject, _templateObject2; // import AudioWaveform from './AudioWaveform';
|
|
18
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
19
|
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); }
|
|
20
|
-
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 &&
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
22
|
-
function _classCallCheck(
|
|
23
|
-
function _defineProperties(
|
|
24
|
-
function _createClass(
|
|
25
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
20
|
+
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 && {}.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; }
|
|
21
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
23
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
24
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
26
26
|
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); }
|
|
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(
|
|
28
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
29
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
29
30
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
-
function _getPrototypeOf(
|
|
31
|
-
function
|
|
32
|
-
function
|
|
33
|
-
function
|
|
34
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
31
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
32
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
33
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
34
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
35
35
|
// import MouseTimeDisplay from './MouseTimeDisplay';
|
|
36
36
|
|
|
37
37
|
var AdvancedControlBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 46px;\n position: relative;\n cursor: pointer;\n z-index: 1;\n"])));
|
|
@@ -47,24 +47,24 @@ var propTypes = {
|
|
|
47
47
|
theme: _propTypes.PropTypes.string
|
|
48
48
|
};
|
|
49
49
|
var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
50
|
-
_inherits(SeekBar, _Component);
|
|
51
50
|
function SeekBar(props, context) {
|
|
52
51
|
var _this;
|
|
53
52
|
_classCallCheck(this, SeekBar);
|
|
54
53
|
_this = _callSuper(this, SeekBar, [props, context]);
|
|
55
|
-
_this.getPercent = _this.getPercent.bind(
|
|
56
|
-
_this.getNewTime = _this.getNewTime.bind(
|
|
57
|
-
_this.stepForward = _this.stepForward.bind(
|
|
58
|
-
_this.stepBack = _this.stepBack.bind(
|
|
59
|
-
_this.handleMouseDown = _this.handleMouseDown.bind(
|
|
60
|
-
_this.handleMouseMove = _this.handleMouseMove.bind(
|
|
61
|
-
_this.handleMouseUp = _this.handleMouseUp.bind(
|
|
54
|
+
_this.getPercent = _this.getPercent.bind(_this);
|
|
55
|
+
_this.getNewTime = _this.getNewTime.bind(_this);
|
|
56
|
+
_this.stepForward = _this.stepForward.bind(_this);
|
|
57
|
+
_this.stepBack = _this.stepBack.bind(_this);
|
|
58
|
+
_this.handleMouseDown = _this.handleMouseDown.bind(_this);
|
|
59
|
+
_this.handleMouseMove = _this.handleMouseMove.bind(_this);
|
|
60
|
+
_this.handleMouseUp = _this.handleMouseUp.bind(_this);
|
|
62
61
|
_this.state = {
|
|
63
62
|
sliderActive: false
|
|
64
63
|
};
|
|
65
64
|
return _this;
|
|
66
65
|
}
|
|
67
|
-
|
|
66
|
+
_inherits(SeekBar, _Component);
|
|
67
|
+
return _createClass(SeekBar, [{
|
|
68
68
|
key: "componentDidMount",
|
|
69
69
|
value: function componentDidMount() {}
|
|
70
70
|
}, {
|
|
@@ -76,11 +76,11 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
/**
|
|
80
|
-
* Get percentage of video played
|
|
81
|
-
*
|
|
82
|
-
* @return {Number} Percentage played
|
|
83
|
-
* @method getPercent
|
|
79
|
+
/**
|
|
80
|
+
* Get percentage of video played
|
|
81
|
+
*
|
|
82
|
+
* @return {Number} Percentage played
|
|
83
|
+
* @method getPercent
|
|
84
84
|
*/
|
|
85
85
|
}, {
|
|
86
86
|
key: "getPercent",
|
|
@@ -243,7 +243,6 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
243
243
|
})))) : null));
|
|
244
244
|
}
|
|
245
245
|
}]);
|
|
246
|
-
return SeekBar;
|
|
247
246
|
}(_react.Component);
|
|
248
247
|
SeekBar.displayName = 'SeekBar';
|
|
249
248
|
SeekBar.propTypes = propTypes;
|
|
@@ -11,22 +11,22 @@ var _propTypes = require("prop-types");
|
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _utils = require("../../utils");
|
|
13
13
|
var _templateObject;
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
15
|
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); }
|
|
16
|
-
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 &&
|
|
17
|
-
function _classCallCheck(
|
|
18
|
-
function _defineProperties(
|
|
19
|
-
function _createClass(
|
|
20
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
16
|
+
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 && {}.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; }
|
|
17
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
18
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
19
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
20
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
21
21
|
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); }
|
|
22
22
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
23
|
-
function _possibleConstructorReturn(
|
|
24
|
-
function _assertThisInitialized(
|
|
23
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
24
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
25
25
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
|
-
function _getPrototypeOf(
|
|
27
|
-
function _inherits(
|
|
28
|
-
function _setPrototypeOf(
|
|
29
|
-
function _taggedTemplateLiteral(
|
|
26
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
27
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
28
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
29
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
30
30
|
var propTypes = {
|
|
31
31
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
32
32
|
initialTime: _propTypes.PropTypes.number,
|
|
@@ -34,12 +34,11 @@ var propTypes = {
|
|
|
34
34
|
zoom: _propTypes.PropTypes.number,
|
|
35
35
|
scrollSeekBar: _propTypes.PropTypes.func
|
|
36
36
|
};
|
|
37
|
-
var TimelineBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: stretch;\n width: ", ";\n height: 46px;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n\n .player-time {\n position: absolute;\n transform: translateZ(0);\n height: 100%;\n user-select: none;\n\n ", " {\n position: absolute;\n left: 0;\n bottom: 0;\n }\n\n p {\n position: absolute;\n font-size: 10px;\n font-family: SFUIText-Regular;\n color: #aaa;\n top: 10px;\n left: -28px;\n letter-spacing: 0.5px;\n }\n }\n"])), function (_ref) {
|
|
37
|
+
var TimelineBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: stretch;\n width: ", ";\n height: 46px;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n\n .player-time {\n position: absolute;\n transform: translateZ(0);\n height: 100%;\n user-select: none;\n\n ", " {\n position: absolute;\n left: 0;\n bottom: 0;\n }\n\n p {\n position: absolute;\n font-size: 10px;\n font-family: SFUIText-Regular;\n color: #aaa;\n top: 10px;\n left: -28px;\n letter-spacing: 0.5px;\n }\n &.first p.first-label {\n left: 0px;\n }\n\n &.last p.last-label {\n left: auto;\n right: 0px;\n }\n }\n"])), function (_ref) {
|
|
38
38
|
var maxWidth = _ref.maxWidth;
|
|
39
39
|
return maxWidth || '100%';
|
|
40
40
|
}, _components.Icon.Element);
|
|
41
41
|
var Timeline = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
42
|
-
_inherits(Timeline, _Component);
|
|
43
42
|
function Timeline(props) {
|
|
44
43
|
var _this;
|
|
45
44
|
_classCallCheck(this, Timeline);
|
|
@@ -50,7 +49,8 @@ var Timeline = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
50
49
|
};
|
|
51
50
|
return _this;
|
|
52
51
|
}
|
|
53
|
-
|
|
52
|
+
_inherits(Timeline, _Component);
|
|
53
|
+
return _createClass(Timeline, [{
|
|
54
54
|
key: "componentDidMount",
|
|
55
55
|
value: function componentDidMount() {
|
|
56
56
|
var zoom = this.props.zoom;
|
|
@@ -82,7 +82,7 @@ var Timeline = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
82
82
|
var timeDistance = totalDuration / noOfBlocks;
|
|
83
83
|
var minSpacingPx = 90;
|
|
84
84
|
var actualBlockSpacing = sliderWidth / noOfBlocks;
|
|
85
|
-
var skipFactor = 1;
|
|
85
|
+
var skipFactor = 1.08;
|
|
86
86
|
if (actualBlockSpacing < minSpacingPx) {
|
|
87
87
|
skipFactor = Math.ceil(minSpacingPx / actualBlockSpacing);
|
|
88
88
|
}
|
|
@@ -119,23 +119,27 @@ var Timeline = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
119
119
|
ref: function ref(c) {
|
|
120
120
|
_this2.timelineBlock = c;
|
|
121
121
|
}
|
|
122
|
-
}, timeArray.map(function (time) {
|
|
122
|
+
}, timeArray.map(function (time, index) {
|
|
123
123
|
var formattedTime = (0, _utils.secondsToTime)(time, frameRate, initialTime);
|
|
124
|
-
var
|
|
124
|
+
var rawPercent = time / player.duration * 100;
|
|
125
|
+
var leftPercents = Math.min(rawPercent, 100);
|
|
126
|
+
var isFirst = index === 0;
|
|
127
|
+
var isLast = index === timeArray.length - 1;
|
|
125
128
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
126
|
-
className: "player-time",
|
|
129
|
+
className: "player-time ".concat(isFirst ? 'first' : '', " ").concat(isLast ? 'last' : ''),
|
|
127
130
|
style: {
|
|
128
|
-
left: "".concat(
|
|
131
|
+
left: "".concat(leftPercents, "%")
|
|
129
132
|
},
|
|
130
133
|
key: time
|
|
131
|
-
}, /*#__PURE__*/_react["default"].createElement("p",
|
|
134
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
135
|
+
className: isFirst ? 'first-label' : isLast ? 'last-label' : undefined
|
|
136
|
+
}, formattedTime), /*#__PURE__*/_react["default"].createElement(_components.Icon, {
|
|
132
137
|
name: "timeline",
|
|
133
138
|
stroke: "#aaa"
|
|
134
139
|
}));
|
|
135
140
|
}));
|
|
136
141
|
}
|
|
137
142
|
}]);
|
|
138
|
-
return Timeline;
|
|
139
143
|
}(_react.Component);
|
|
140
144
|
Timeline.propTypes = propTypes;
|
|
141
145
|
Timeline.displayName = 'Timeline';
|