@desynova-digital/player 4.0.19 → 4.0.20
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 +15 -17
- package/actions/player.js +18 -35
- package/actions/video.js +25 -50
- package/colors.js +1 -2
- package/components/AudioMeter.js +31 -34
- package/components/BigPlayButton.js +23 -26
- package/components/ImageViewer.js +25 -28
- package/components/MarkerBar.js +23 -26
- package/components/Menu.js +2 -2
- package/components/Player.js +36 -39
- package/components/PlayerHeader.js +23 -26
- package/components/Playlist.js +25 -25
- package/components/PointersBar.js +31 -30
- package/components/PosterImage.js +2 -3
- package/components/SDOutline.js +2 -2
- package/components/Shortcut.js +45 -49
- package/components/Slider.js +34 -36
- package/components/TagsBar.js +22 -25
- package/components/Video.js +61 -65
- package/components/control-bar/AudioTracksMenuButton.js +21 -24
- package/components/control-bar/CameraButton.js +22 -25
- package/components/control-bar/CaptionControlMenuButton.js +22 -25
- package/components/control-bar/CommentsButton.js +23 -26
- package/components/control-bar/ControlBar.js +24 -27
- package/components/control-bar/EditorControlMenuButton.js +23 -26
- package/components/control-bar/ForwardControl.js +2 -3
- package/components/control-bar/ForwardReplayControl.js +23 -26
- package/components/control-bar/FullscreenToggle.js +22 -25
- package/components/control-bar/PlayToggle.js +22 -25
- package/components/control-bar/ReplayControl.js +2 -3
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +21 -24
- package/components/control-bar/SubtitleMovementMenu.js +23 -26
- package/components/control-bar/VolumeMenuButton.js +23 -26
- package/components/control-bar/ZoomMenuButton.js +23 -26
- package/components/marking-controls/MarkInControl.js +22 -25
- package/components/marking-controls/MarkOutControl.js +22 -25
- package/components/marking-controls/MarkingAddButton.js +22 -25
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +22 -25
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +22 -25
- package/components/progress-bar/AudioWaveform.js +22 -25
- package/components/progress-bar/LoadProgressBar.js +1 -1
- package/components/progress-bar/MouseTimeDisplay.js +2 -3
- package/components/progress-bar/PlayProgressBar.js +2 -2
- package/components/progress-bar/ProgressControl.js +45 -40
- package/components/progress-bar/SeekBar.js +29 -32
- package/components/progress-bar/Timeline.js +22 -25
- package/components/settings-menu-control/CameraControl.js +6 -7
- package/components/settings-menu-control/ChildMenuComponent.js +25 -29
- package/components/settings-menu-control/ParentMenuComponent.js +22 -25
- package/components/settings-menu-control/PlaybackRateControl.js +22 -25
- package/components/settings-menu-control/SafeAreaControl.js +22 -25
- package/components/settings-menu-control/SettingsMenu.js +13 -13
- package/components/time-controls/CurrentTimeDisplay.js +11 -12
- package/components/time-controls/DurationDisplay.js +3 -4
- package/components/time-controls/TimeDivider.js +2 -2
- package/components/volume-control/VolumeBar.js +31 -34
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +3 -4
- package/components/zoom-control/ZoomBar.js +30 -33
- package/components/zoom-control/ZoomLevel.js +3 -4
- package/index.js +4 -4
- package/package.json +1 -1
- package/reducers/index.js +2 -4
- package/reducers/operation.js +7 -8
- package/reducers/player.js +7 -9
- package/utils/browser.js +4 -8
- package/utils/fullscreen.js +8 -10
- package/utils/index.js +13 -14
package/components/TagsBar.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
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); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -9,39 +9,38 @@ 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(
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
15
|
-
function _classCallCheck(
|
|
16
|
-
function _defineProperties(
|
|
17
|
-
function _createClass(
|
|
18
|
-
function _toPropertyKey(
|
|
19
|
-
function _toPrimitive(
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function _taggedTemplateLiteral(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
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 && {}.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(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
16
|
+
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); } }
|
|
17
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
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
|
+
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(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); }
|
|
22
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
23
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
24
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
25
|
+
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); }
|
|
26
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
27
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
28
28
|
var propTypes = {
|
|
29
29
|
tagsMarker: _propTypes.PropTypes.instanceOf(Array),
|
|
30
30
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
31
31
|
actions: _propTypes.PropTypes.instanceOf(Object)
|
|
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
|
-
var TagsBar = /*#__PURE__*/function (_Component) {
|
|
35
|
-
_inherits(TagsBar, _Component);
|
|
36
|
-
var _super = _createSuper(TagsBar);
|
|
34
|
+
var TagsBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
37
35
|
function TagsBar(props) {
|
|
38
36
|
var _this;
|
|
39
37
|
_classCallCheck(this, TagsBar);
|
|
40
|
-
_this =
|
|
41
|
-
_this.getMarkerPosition = _this.getMarkerPosition.bind(
|
|
38
|
+
_this = _callSuper(this, TagsBar, [props]);
|
|
39
|
+
_this.getMarkerPosition = _this.getMarkerPosition.bind(_this);
|
|
42
40
|
return _this;
|
|
43
41
|
}
|
|
44
|
-
|
|
42
|
+
_inherits(TagsBar, _Component);
|
|
43
|
+
return _createClass(TagsBar, [{
|
|
45
44
|
key: "getMarkerPosition",
|
|
46
45
|
value: function getMarkerPosition(timePos) {
|
|
47
46
|
var player = this.props.player;
|
|
@@ -76,8 +75,6 @@ var TagsBar = /*#__PURE__*/function (_Component) {
|
|
|
76
75
|
}));
|
|
77
76
|
}
|
|
78
77
|
}]);
|
|
79
|
-
return TagsBar;
|
|
80
78
|
}(_react.Component);
|
|
81
|
-
exports["default"] = TagsBar;
|
|
82
79
|
TagsBar.propTypes = propTypes;
|
|
83
80
|
TagsBar.displayName = 'TagsBar';
|
package/components/Video.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
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); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -16,26 +16,26 @@ var _PosterImage = _interopRequireDefault(require("./PosterImage"));
|
|
|
16
16
|
var _SDOutline = _interopRequireDefault(require("./SDOutline"));
|
|
17
17
|
var _components = require("@desynova-digital/components/components");
|
|
18
18
|
var _templateObject, _templateObject2;
|
|
19
|
-
function _interopRequireDefault(
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
22
|
-
function ownKeys(
|
|
23
|
-
function _objectSpread(
|
|
24
|
-
function _defineProperty(
|
|
25
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
26
|
-
function _classCallCheck(
|
|
27
|
-
function _defineProperties(
|
|
28
|
-
function _createClass(
|
|
29
|
-
function _toPropertyKey(
|
|
30
|
-
function _toPrimitive(
|
|
31
|
-
function
|
|
32
|
-
function
|
|
33
|
-
function
|
|
34
|
-
function
|
|
35
|
-
function
|
|
36
|
-
function
|
|
37
|
-
function
|
|
38
|
-
function _taggedTemplateLiteral(
|
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
20
|
+
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); }
|
|
21
|
+
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; }
|
|
22
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
|
+
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; }
|
|
25
|
+
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); }
|
|
26
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
27
|
+
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); } }
|
|
28
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
29
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
30
|
+
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); }
|
|
31
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
32
|
+
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); }
|
|
33
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
34
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
35
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
36
|
+
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); }
|
|
37
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
38
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
39
39
|
var propTypes = {
|
|
40
40
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
41
41
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
@@ -101,13 +101,11 @@ var SubTitleSection = _styledComponents["default"].div(_templateObject || (_temp
|
|
|
101
101
|
return props.currentSubtitleObj && props.currentSubtitleObj.line1 ? '8px 10px' : '0px';
|
|
102
102
|
});
|
|
103
103
|
var VideoBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n &.video-react-player-block {\n position: relative;\n transition: all 0.1s ease-in-out;\n -moz-transition: all 0.1s ease-in-out;\n -webkit-transition: all 0.1s ease-in-out;\n -ms-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out;\n video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n right: 0;\n bottom: 0;\n }\n .audio-tracks {\n position: relative;\n display: flex;\n background: rgba(0, 0, 0, 0.5);\n color: #fff;\n z-index: 10;\n position: absolute;\n width: 100%;\n bottom: 0;\n p {\n cursor: pointer;\n padding: 10px;\n }\n }\n .loader-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n z-index: 10;\n background: rgba(0, 0, 0, 0.5);\n }\n }\n &.ratio-border {\n border: 1px solid rgba(255, 255, 255, 0.5);\n &:after {\n content: '16:9 Safe Area';\n position: absolute;\n color: #fff;\n font-family: SFUIText-Regular;\n font-size: 12px;\n transform: rotate(-90deg);\n top: 20%;\n left: -50px;\n }\n }\n"])));
|
|
104
|
-
var Video = /*#__PURE__*/function (_Component) {
|
|
105
|
-
_inherits(Video, _Component);
|
|
106
|
-
var _super = _createSuper(Video);
|
|
104
|
+
var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
107
105
|
function Video(props) {
|
|
108
106
|
var _this;
|
|
109
107
|
_classCallCheck(this, Video);
|
|
110
|
-
_this =
|
|
108
|
+
_this = _callSuper(this, Video, [props]);
|
|
111
109
|
_this.state = {
|
|
112
110
|
audioTracks: [],
|
|
113
111
|
isM3U8: false,
|
|
@@ -128,45 +126,46 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
128
126
|
};
|
|
129
127
|
_this.video = null; // the html5 video
|
|
130
128
|
_this.manager = new _Manager["default"](props.store);
|
|
131
|
-
_this.getStyle = _this.getStyle.bind(
|
|
132
|
-
_this.getChildren = _this.getChildren.bind(
|
|
133
|
-
_this.play = _this.play.bind(
|
|
134
|
-
_this.pause = _this.pause.bind(
|
|
135
|
-
_this.seek = _this.seek.bind(
|
|
136
|
-
_this.forward = _this.forward.bind(
|
|
137
|
-
_this.replay = _this.replay.bind(
|
|
138
|
-
_this.toggleFullscreen = _this.toggleFullscreen.bind(
|
|
139
|
-
_this.getProperties = _this.getProperties.bind(
|
|
140
|
-
_this.renderChildren = _this.renderChildren.bind(
|
|
141
|
-
_this.handleLoadStart = _this.handleLoadStart.bind(
|
|
142
|
-
_this.handleCanPlay = _this.handleCanPlay.bind(
|
|
143
|
-
_this.handleCanPlayThrough = _this.handleCanPlayThrough.bind(
|
|
144
|
-
_this.handlePlay = _this.handlePlay.bind(
|
|
145
|
-
_this.handlePlaying = _this.handlePlaying.bind(
|
|
146
|
-
_this.handlePause = _this.handlePause.bind(
|
|
147
|
-
_this.handleEnded = _this.handleEnded.bind(
|
|
148
|
-
_this.handleWaiting = _this.handleWaiting.bind(
|
|
149
|
-
_this.handleSeeking = _this.handleSeeking.bind(
|
|
150
|
-
_this.handleSeeked = _this.handleSeeked.bind(
|
|
151
|
-
_this.handleFullscreenChange = _this.handleFullscreenChange.bind(
|
|
152
|
-
_this.handleError = _this.handleError.bind(
|
|
153
|
-
_this.handleSuspend = _this.handleSuspend.bind(
|
|
154
|
-
_this.handleAbort = _this.handleAbort.bind(
|
|
155
|
-
_this.handleEmptied = _this.handleEmptied.bind(
|
|
156
|
-
_this.handleStalled = _this.handleStalled.bind(
|
|
157
|
-
_this.handleLoadedMetaData = _this.handleLoadedMetaData.bind(
|
|
158
|
-
_this.handleLoadedData = _this.handleLoadedData.bind(
|
|
159
|
-
_this.handleTimeUpdate = _this.handleTimeUpdate.bind(
|
|
160
|
-
_this.handleRateChange = _this.handleRateChange.bind(
|
|
161
|
-
_this.handleVolumeChange = _this.handleVolumeChange.bind(
|
|
162
|
-
_this.handleDurationChange = _this.handleDurationChange.bind(
|
|
163
|
-
_this.handleProgress = (0, _utils.throttle)(_this.handleProgress.bind(
|
|
164
|
-
_this.handleKeypress = _this.handleKeypress.bind(
|
|
165
|
-
_this.audioVisualizer = _this.audioVisualizer.bind(
|
|
166
|
-
_this.checkWatermark = _this.checkWatermark.bind(
|
|
129
|
+
_this.getStyle = _this.getStyle.bind(_this);
|
|
130
|
+
_this.getChildren = _this.getChildren.bind(_this);
|
|
131
|
+
_this.play = _this.play.bind(_this);
|
|
132
|
+
_this.pause = _this.pause.bind(_this);
|
|
133
|
+
_this.seek = _this.seek.bind(_this);
|
|
134
|
+
_this.forward = _this.forward.bind(_this);
|
|
135
|
+
_this.replay = _this.replay.bind(_this);
|
|
136
|
+
_this.toggleFullscreen = _this.toggleFullscreen.bind(_this);
|
|
137
|
+
_this.getProperties = _this.getProperties.bind(_this);
|
|
138
|
+
_this.renderChildren = _this.renderChildren.bind(_this);
|
|
139
|
+
_this.handleLoadStart = _this.handleLoadStart.bind(_this);
|
|
140
|
+
_this.handleCanPlay = _this.handleCanPlay.bind(_this);
|
|
141
|
+
_this.handleCanPlayThrough = _this.handleCanPlayThrough.bind(_this);
|
|
142
|
+
_this.handlePlay = _this.handlePlay.bind(_this);
|
|
143
|
+
_this.handlePlaying = _this.handlePlaying.bind(_this);
|
|
144
|
+
_this.handlePause = _this.handlePause.bind(_this);
|
|
145
|
+
_this.handleEnded = _this.handleEnded.bind(_this);
|
|
146
|
+
_this.handleWaiting = _this.handleWaiting.bind(_this);
|
|
147
|
+
_this.handleSeeking = _this.handleSeeking.bind(_this);
|
|
148
|
+
_this.handleSeeked = _this.handleSeeked.bind(_this);
|
|
149
|
+
_this.handleFullscreenChange = _this.handleFullscreenChange.bind(_this);
|
|
150
|
+
_this.handleError = _this.handleError.bind(_this);
|
|
151
|
+
_this.handleSuspend = _this.handleSuspend.bind(_this);
|
|
152
|
+
_this.handleAbort = _this.handleAbort.bind(_this);
|
|
153
|
+
_this.handleEmptied = _this.handleEmptied.bind(_this);
|
|
154
|
+
_this.handleStalled = _this.handleStalled.bind(_this);
|
|
155
|
+
_this.handleLoadedMetaData = _this.handleLoadedMetaData.bind(_this);
|
|
156
|
+
_this.handleLoadedData = _this.handleLoadedData.bind(_this);
|
|
157
|
+
_this.handleTimeUpdate = _this.handleTimeUpdate.bind(_this);
|
|
158
|
+
_this.handleRateChange = _this.handleRateChange.bind(_this);
|
|
159
|
+
_this.handleVolumeChange = _this.handleVolumeChange.bind(_this);
|
|
160
|
+
_this.handleDurationChange = _this.handleDurationChange.bind(_this);
|
|
161
|
+
_this.handleProgress = (0, _utils.throttle)(_this.handleProgress.bind(_this), 250);
|
|
162
|
+
_this.handleKeypress = _this.handleKeypress.bind(_this);
|
|
163
|
+
_this.audioVisualizer = _this.audioVisualizer.bind(_this);
|
|
164
|
+
_this.checkWatermark = _this.checkWatermark.bind(_this);
|
|
167
165
|
return _this;
|
|
168
166
|
}
|
|
169
|
-
|
|
167
|
+
_inherits(Video, _Component);
|
|
168
|
+
return _createClass(Video, [{
|
|
170
169
|
key: "componentDidMount",
|
|
171
170
|
value: function componentDidMount() {
|
|
172
171
|
var src = this.props.src;
|
|
@@ -467,7 +466,6 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
467
466
|
}
|
|
468
467
|
this.forceUpdate(); // make sure the children can get the video property
|
|
469
468
|
}
|
|
470
|
-
|
|
471
469
|
if (newProps.player.activeAudio && activeAudio && activeAudio.id !== newProps.player.activeAudio.id) {
|
|
472
470
|
this.hls.audioTrack = newProps.player.activeAudio.id;
|
|
473
471
|
}
|
|
@@ -1283,9 +1281,7 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
1283
1281
|
}) || null)));
|
|
1284
1282
|
}
|
|
1285
1283
|
}]);
|
|
1286
|
-
return Video;
|
|
1287
1284
|
}(_react.Component);
|
|
1288
|
-
exports["default"] = Video;
|
|
1289
1285
|
Video.propTypes = propTypes;
|
|
1290
1286
|
Video.defaultProps = defaultProps;
|
|
1291
1287
|
Video.displayName = 'Video';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
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); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -11,22 +11,22 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
var _Menu = _interopRequireDefault(require("../Menu"));
|
|
12
12
|
var _tokens = require("@desynova-digital/tokens");
|
|
13
13
|
var _templateObject;
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
function _classCallCheck(
|
|
18
|
-
function _defineProperties(
|
|
19
|
-
function _createClass(
|
|
20
|
-
function _toPropertyKey(
|
|
21
|
-
function _toPrimitive(
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function _taggedTemplateLiteral(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
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 && {}.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
|
+
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
|
+
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(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
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
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
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
32
32
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
@@ -36,13 +36,12 @@ var AudioTrackBlock = (0, _styledComponents["default"])('div')(_templateObject |
|
|
|
36
36
|
return props.theme ? " ".concat(_tokens.colors[props.theme].videoPlayer.rgbaThemeColor) : 'rgba(0, 206, 198, 0.1)';
|
|
37
37
|
});
|
|
38
38
|
var AudioTracksMenuButton = /*#__PURE__*/function (_Component) {
|
|
39
|
-
_inherits(AudioTracksMenuButton, _Component);
|
|
40
|
-
var _super = _createSuper(AudioTracksMenuButton);
|
|
41
39
|
function AudioTracksMenuButton(props, context) {
|
|
42
40
|
_classCallCheck(this, AudioTracksMenuButton);
|
|
43
|
-
return
|
|
41
|
+
return _callSuper(this, AudioTracksMenuButton, [props, context]);
|
|
44
42
|
}
|
|
45
|
-
|
|
43
|
+
_inherits(AudioTracksMenuButton, _Component);
|
|
44
|
+
return _createClass(AudioTracksMenuButton, [{
|
|
46
45
|
key: "changeTrack",
|
|
47
46
|
value: function changeTrack(track) {
|
|
48
47
|
var actions = this.props.actions;
|
|
@@ -89,9 +88,7 @@ var AudioTracksMenuButton = /*#__PURE__*/function (_Component) {
|
|
|
89
88
|
}))) : null);
|
|
90
89
|
}
|
|
91
90
|
}]);
|
|
92
|
-
return AudioTracksMenuButton;
|
|
93
91
|
}(_react.Component);
|
|
94
92
|
AudioTracksMenuButton.propTypes = propTypes;
|
|
95
93
|
AudioTracksMenuButton.displayName = 'AudioTracksMenuButton';
|
|
96
|
-
var _default = AudioTracksMenuButton;
|
|
97
|
-
exports["default"] = _default;
|
|
94
|
+
var _default = exports["default"] = AudioTracksMenuButton;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
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); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -11,22 +11,22 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _utils = require("../../utils");
|
|
13
13
|
var _templateObject;
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
function _classCallCheck(
|
|
18
|
-
function _defineProperties(
|
|
19
|
-
function _createClass(
|
|
20
|
-
function _toPropertyKey(
|
|
21
|
-
function _toPrimitive(
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function _taggedTemplateLiteral(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
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 && {}.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
|
+
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
|
+
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(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
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
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 CameraButtonIcon = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: transparent;\n border: none;\n margin: 0px;\n margin-right: 10px;\n &:hover,\n &:focus {\n background: transparent;\n }\n"])));
|
|
31
31
|
var propTypes = {
|
|
32
32
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
@@ -34,16 +34,15 @@ var propTypes = {
|
|
|
34
34
|
handleClick: _propTypes.PropTypes.func
|
|
35
35
|
};
|
|
36
36
|
var CameraButton = /*#__PURE__*/function (_Component) {
|
|
37
|
-
_inherits(CameraButton, _Component);
|
|
38
|
-
var _super = _createSuper(CameraButton);
|
|
39
37
|
function CameraButton(props, context) {
|
|
40
38
|
var _this;
|
|
41
39
|
_classCallCheck(this, CameraButton);
|
|
42
|
-
_this =
|
|
43
|
-
_this.handleClick = _this.handleClick.bind(
|
|
40
|
+
_this = _callSuper(this, CameraButton, [props, context]);
|
|
41
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
44
42
|
return _this;
|
|
45
43
|
}
|
|
46
|
-
|
|
44
|
+
_inherits(CameraButton, _Component);
|
|
45
|
+
return _createClass(CameraButton, [{
|
|
47
46
|
key: "handleClick",
|
|
48
47
|
value: function handleClick() {
|
|
49
48
|
var _this$props = this.props,
|
|
@@ -73,7 +72,5 @@ var CameraButton = /*#__PURE__*/function (_Component) {
|
|
|
73
72
|
});
|
|
74
73
|
}
|
|
75
74
|
}]);
|
|
76
|
-
return CameraButton;
|
|
77
75
|
}(_react.Component);
|
|
78
|
-
var _default = CameraButton;
|
|
79
|
-
exports["default"] = _default;
|
|
76
|
+
var _default = exports["default"] = CameraButton;
|