4679 lines
160 KiB
JavaScript

(window.webpackJsonp = window.webpackJsonp || []).push([
[3],
{
'0yDM': function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = { actions: h.default.object, player: h.default.object, className: h.default.string },
C = (function(N) {
(0, s.default)(y, N);
function y(E, p) {
var o;
return (
(0, f.default)(this, y),
(o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))),
(o.handleClick = o.handleClick.bind((0, u.default)(o))),
o
);
}
return (
(0, S.default)(y, [
{
key: 'handleClick',
value: function() {
var p = this.props,
o = p.actions,
t = p.player;
t.paused ? o.play() : o.pause();
},
},
{
key: 'render',
value: function() {
var p = this,
o = this.props,
t = o.player,
l = o.className,
n = t.paused ? 'Play' : 'Pause';
return d.default.createElement(
'button',
{
ref: function(c) {
p.button = c;
},
className: (0, g.default)(l, {
'video-react-play-control': !0,
'video-react-control': !0,
'video-react-button': !0,
'video-react-paused': t.paused,
'video-react-playing': !t.paused,
}),
type: 'button',
tabIndex: '0',
onClick: this.handleClick,
},
d.default.createElement('span', { className: 'video-react-control-text' }, n),
);
},
},
]),
y
);
})(d.Component);
(r.default = C), (C.propTypes = m), (C.displayName = 'PlayToggle');
},
'3nJo': function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = M);
var a = v(e('MVZn')),
f = e('we7k'),
S = { count: 0, operation: { action: '', source: '' } };
function M() {
var T = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : S,
u = arguments.length > 1 ? arguments[1] : void 0;
switch (u.type) {
case f.OPERATE:
return (0, a.default)({}, T, {
count: T.count + 1,
operation: (0, a.default)({}, T.operation, u.operation),
});
default:
return T;
}
}
},
'4FqI': function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = { player: h.default.object, children: h.default.any },
m = (function(C) {
(0, s.default)(N, C);
function N(y, E) {
var p;
return (
(0, f.default)(this, N),
(p = (0, M.default)(this, (0, T.default)(N).call(this, y, E))),
(p.handleClick = p.handleClick.bind((0, u.default)(p))),
p
);
}
return (
(0, S.default)(N, [
{
key: 'handleClick',
value: function(E) {
E.preventDefault();
},
},
{
key: 'render',
value: function() {
var E = this.props.children;
return d.default.createElement(
'div',
{ className: 'video-react-menu', onClick: this.handleClick },
d.default.createElement('div', { className: 'video-react-menu-content' }, E),
);
},
},
]),
N
);
})(d.Component);
(r.default = m), (m.propTypes = g), (m.displayName = 'Popup');
},
'4b3c': function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('8nKf')),
f = (0, a.default)('forward');
f.displayName = 'ForwardControl';
var S = f;
r.default = S;
},
'54lq': function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = { actions: h.default.object, player: h.default.object, className: h.default.string },
C = (function(N) {
(0, s.default)(y, N);
function y(E, p) {
var o;
return (
(0, f.default)(this, y),
(o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))),
(o.handleClick = o.handleClick.bind((0, u.default)(o))),
o
);
}
return (
(0, S.default)(y, [
{
key: 'handleClick',
value: function() {
var p = this.props,
o = p.player,
t = p.actions;
t.toggleFullscreen(o);
},
},
{
key: 'render',
value: function() {
var p = this,
o = this.props,
t = o.player,
l = o.className;
return d.default.createElement(
'button',
{
className: (0, g.default)(
l,
{
'video-react-icon-fullscreen-exit': t.isFullscreen,
'video-react-icon-fullscreen': !t.isFullscreen,
},
'video-react-fullscreen-control video-react-control video-react-button video-react-icon',
),
ref: function(i) {
p.button = i;
},
type: 'button',
tabIndex: '0',
onClick: this.handleClick,
},
d.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Non-Fullscreen',
),
);
},
},
]),
y
);
})(d.Component);
(r.default = C), (C.propTypes = m), (C.displayName = 'FullscreenToggle');
},
'56F6': function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T);
var a = v(e('MVZn')),
f = e('INgg'),
S = e('we7k'),
M = {
currentSrc: null,
duration: 0,
currentTime: 0,
seekingTime: 0,
buffered: null,
waiting: !1,
seeking: !1,
paused: !0,
autoPaused: !1,
ended: !1,
playbackRate: 1,
muted: !1,
volume: 1,
readyState: 0,
networkState: 0,
videoWidth: 0,
videoHeight: 0,
hasStarted: !1,
userActivity: !0,
isActive: !1,
isFullscreen: !1,
activeTextTrack: null,
};
function T() {
var u = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : M,
s = arguments.length > 1 ? arguments[1] : void 0;
switch (s.type) {
case S.USER_ACTIVATE:
return (0, a.default)({}, u, { userActivity: s.activity });
case S.PLAYER_ACTIVATE:
return (0, a.default)({}, u, { isActive: s.activity });
case S.FULLSCREEN_CHANGE:
return (0, a.default)({}, u, { isFullscreen: !!s.isFullscreen });
case f.SEEKING_TIME:
return (0, a.default)({}, u, { seekingTime: s.time });
case f.END_SEEKING:
return (0, a.default)({}, u, { seekingTime: 0 });
case f.LOAD_START:
return (0, a.default)({}, u, s.videoProps, { hasStarted: !1, ended: !1 });
case f.CAN_PLAY:
return (0, a.default)({}, u, s.videoProps, { waiting: !1 });
case f.WAITING:
return (0, a.default)({}, u, s.videoProps, { waiting: !0 });
case f.CAN_PLAY_THROUGH:
case f.PLAYING:
return (0, a.default)({}, u, s.videoProps, { waiting: !1 });
case f.PLAY:
return (0, a.default)({}, u, s.videoProps, {
ended: !1,
paused: !1,
autoPaused: !1,
waiting: !1,
hasStarted: !0,
});
case f.PAUSE:
return (0, a.default)({}, u, s.videoProps, { paused: !0 });
case f.END:
return (0, a.default)({}, u, s.videoProps, { ended: !0 });
case f.SEEKING:
return (0, a.default)({}, u, s.videoProps, { seeking: !0 });
case f.SEEKED:
return (0, a.default)({}, u, s.videoProps, { seeking: !1 });
case f.ERROR:
return (0, a.default)({}, u, s.videoProps, { error: 'UNKNOWN ERROR', ended: !0 });
case f.DURATION_CHANGE:
case f.TIME_UPDATE:
case f.VOLUME_CHANGE:
case f.PROGRESS_CHANGE:
case f.RATE_CHANGE:
case f.SUSPEND:
case f.ABORT:
case f.EMPTIED:
case f.STALLED:
case f.LOADED_META_DATA:
case f.LOADED_DATA:
case f.RESIZE:
return (0, a.default)({}, u, s.videoProps);
case f.ACTIVATE_TEXT_TRACK:
return (0, a.default)({}, u, { activeTextTrack: s.textTrack });
default:
return u;
}
}
},
'8nKf': function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = {
actions: h.default.object,
className: h.default.string,
seconds: h.default.oneOf([5, 10, 30]),
},
m = { seconds: 10 },
C = function(y) {
var E = (function(p) {
(0, s.default)(o, p);
function o(t, l) {
var n;
return (
(0, f.default)(this, o),
(n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))),
(n.handleClick = n.handleClick.bind((0, u.default)(n))),
n
);
}
return (
(0, S.default)(o, [
{
key: 'handleClick',
value: function() {
var l = this.props,
n = l.actions,
i = l.seconds;
y === 'forward' ? n.forward(i) : n.replay(i);
},
},
{
key: 'render',
value: function() {
var l = this,
n = this.props,
i = n.seconds,
c = n.className,
R = ['video-react-control', 'video-react-button', 'video-react-icon'];
return (
R.push(
'video-react-icon-'.concat(y, '-').concat(i),
'video-react-'.concat(y, '-control'),
),
c && R.push(c),
d.default.createElement(
'button',
{
ref: function(O) {
l.button = O;
},
className: R.join(' '),
type: 'button',
onClick: this.handleClick,
},
d.default.createElement(
'span',
{ className: 'video-react-control-text' },
''.concat(y, ' ').concat(i, ' seconds'),
),
)
);
},
},
]),
o
);
})(d.Component);
return (E.propTypes = g), (E.defaultProps = m), E;
};
r.default = C;
},
AZ0a: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('pVnL')),
S = a(e('lwsE')),
M = a(e('W8MJ')),
T = a(e('a1gu')),
u = a(e('Nsbk')),
s = a(e('PJYZ')),
h = a(e('7W2i')),
d = a(e('17x9')),
g = v(e('q1tI')),
m = a(e('TSYQ')),
C = a(e('QJtQ')),
N = a(e('Qrqe')),
y = {
player: d.default.object,
actions: d.default.object,
vertical: d.default.bool,
className: d.default.string,
alwaysShowVolume: d.default.bool,
},
E = { vertical: !1 },
p = (function(t) {
(0, h.default)(l, t);
function l(n, i) {
var c;
return (
(0, S.default)(this, l),
(c = (0, T.default)(this, (0, u.default)(l).call(this, n, i))),
(c.state = { active: !1 }),
(c.handleClick = c.handleClick.bind((0, s.default)(c))),
(c.handleFocus = c.handleFocus.bind((0, s.default)(c))),
(c.handleBlur = c.handleBlur.bind((0, s.default)(c))),
c
);
}
return (
(0, M.default)(l, [
{
key: 'handleClick',
value: function() {
var i = this.props,
c = i.player,
R = i.actions;
R.mute(!c.muted);
},
},
{
key: 'handleFocus',
value: function() {
this.setState({ active: !0 });
},
},
{
key: 'handleBlur',
value: function() {
this.setState({ active: !1 });
},
},
{
key: 'render',
value: function() {
var i = this.props,
c = i.vertical,
R = i.player,
b = i.className,
O = !c,
I = this.volumeLevel;
return g.default.createElement(
C.default,
{
className: (0, m.default)(
b,
{
'video-react-volume-menu-button-vertical': c,
'video-react-volume-menu-button-horizontal': !c,
'video-react-vol-muted': R.muted,
'video-react-vol-0': I === 0 && !R.muted,
'video-react-vol-1': I === 1,
'video-react-vol-2': I === 2,
'video-react-vol-3': I === 3,
'video-react-slider-active':
this.props.alwaysShowVolume || this.state.active,
'video-react-lock-showing':
this.props.alwaysShowVolume || this.state.active,
},
'video-react-volume-menu-button',
),
onClick: this.handleClick,
inline: O,
},
g.default.createElement(
N.default,
(0, f.default)(
{ onFocus: this.handleFocus, onBlur: this.handleBlur },
this.props,
),
),
);
},
},
{
key: 'volumeLevel',
get: function() {
var i = this.props.player,
c = i.volume,
R = i.muted,
b = 3;
return c === 0 || R ? (b = 0) : c < 0.33 ? (b = 1) : c < 0.67 && (b = 2), b;
},
},
]),
l
);
})(g.Component);
(p.propTypes = y), (p.defaultProps = E), (p.displayName = 'VolumeMenuButton');
var o = p;
r.default = o;
},
DGqw: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = a(e('U3K2')),
C = {
player: h.default.object,
actions: h.default.object,
rates: h.default.array,
className: h.default.string,
},
N = { rates: [2, 1.5, 1.25, 1, 0.5, 0.25] },
y = (function(p) {
(0, s.default)(o, p);
function o(t, l) {
var n;
return (
(0, f.default)(this, o),
(n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))),
(n.handleSelectItem = n.handleSelectItem.bind((0, u.default)(n))),
n
);
}
return (
(0, S.default)(o, [
{
key: 'handleSelectItem',
value: function(l) {
var n = this.props,
i = n.rates,
c = n.actions;
l >= 0 && l < i.length && c.changeRate(i[l]);
},
},
{
key: 'render',
value: function() {
var l = this.props,
n = l.rates,
i = l.player,
c = n.map(function(b) {
return { label: ''.concat(b, 'x'), value: b };
}),
R = n.indexOf(i.playbackRate) || 0;
return d.default.createElement(
m.default,
{
className: (0, g.default)('video-react-playback-rate', this.props.className),
onSelectItem: this.handleSelectItem,
items: c,
selectedIndex: R,
},
d.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Playback Rate',
),
d.default.createElement(
'div',
{ className: 'video-react-playback-rate-value' },
''.concat(i.playbackRate.toFixed(2), 'x'),
),
);
},
},
]),
o
);
})(d.Component);
(y.propTypes = C), (y.defaultProps = N), (y.displayName = 'PlaybackRateMenuButton');
var E = y;
r.default = E;
},
DeZD: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = {
item: h.default.object,
index: h.default.number,
activateIndex: h.default.number,
onSelectItem: h.default.func,
},
C = (function(N) {
(0, s.default)(y, N);
function y(E, p) {
var o;
return (
(0, f.default)(this, y),
(o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))),
(o.handleClick = o.handleClick.bind((0, u.default)(o))),
o
);
}
return (
(0, S.default)(y, [
{
key: 'handleClick',
value: function() {
var p = this.props,
o = p.index,
t = p.onSelectItem;
t(o);
},
},
{
key: 'render',
value: function() {
var p = this.props,
o = p.item,
t = p.index,
l = p.activateIndex;
return d.default.createElement(
'li',
{
className: (0, g.default)({
'video-react-menu-item': !0,
'video-react-selected': t === l,
}),
role: 'menuitem',
onClick: this.handleClick,
},
o.label,
d.default.createElement('span', { className: 'video-react-control-text' }),
);
},
},
]),
y
);
})(d.Component);
(r.default = C), (C.propTypes = m), (C.displayName = 'MenuItem');
},
EVUy: function(A, r, e) {
'use strict';
Object.defineProperty(r, '__esModule', { value: !0 }),
(r.findElPosition = v),
(r.getPointerPosition = a),
(r.blurNode = f),
(r.focusNode = S),
(r.hasClass = M);
function v(T) {
var u;
if ((T.getBoundingClientRect && T.parentNode && (u = T.getBoundingClientRect()), !u))
return { left: 0, top: 0 };
var s = document,
h = s.body,
d = s.documentElement,
g = d.clientLeft || h.clientLeft || 0,
m = window.pageXOffset || h.scrollLeft,
C = u.left + m - g,
N = d.clientTop || h.clientTop || 0,
y = window.pageYOffset || h.scrollTop,
E = u.top + y - N;
return { left: Math.round(C), top: Math.round(E) };
}
function a(T, u) {
var s = {},
h = v(T),
d = T.offsetWidth,
g = T.offsetHeight,
m = h.top,
C = h.left,
N = u.pageY,
y = u.pageX;
return (
u.changedTouches && ((y = u.changedTouches[0].pageX), (N = u.changedTouches[0].pageY)),
(s.y = Math.max(0, Math.min(1, (m - N + g) / g))),
(s.x = Math.max(0, Math.min(1, (y - C) / d))),
s
);
}
function f(T) {
T && T.blur && T.blur();
}
function S(T) {
T && T.focus && T.focus();
}
function M(T, u) {
for (var s = T.className.split(' '), h = 0; h < s.length; h++)
if (s[h].toLowerCase() === u.toLowerCase()) return !0;
return !1;
}
},
Edwz: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('MVZn')),
S = a(e('lwsE')),
M = a(e('W8MJ')),
T = a(e('a1gu')),
u = a(e('Nsbk')),
s = a(e('PJYZ')),
h = a(e('7W2i')),
d = a(e('17x9')),
g = v(e('q1tI')),
m = a(e('TSYQ')),
C = e('tJTW'),
N = {
actions: d.default.object,
player: d.default.object,
children: d.default.any,
startTime: d.default.number,
loop: d.default.bool,
muted: d.default.bool,
autoPlay: d.default.bool,
playsInline: d.default.bool,
src: d.default.string,
poster: d.default.string,
className: d.default.string,
preload: d.default.oneOf(['auto', 'metadata', 'none']),
crossOrigin: d.default.string,
onLoadStart: d.default.func,
onWaiting: d.default.func,
onCanPlay: d.default.func,
onCanPlayThrough: d.default.func,
onPlaying: d.default.func,
onEnded: d.default.func,
onSeeking: d.default.func,
onSeeked: d.default.func,
onPlay: d.default.func,
onPause: d.default.func,
onProgress: d.default.func,
onDurationChange: d.default.func,
onError: d.default.func,
onSuspend: d.default.func,
onAbort: d.default.func,
onEmptied: d.default.func,
onStalled: d.default.func,
onLoadedMetadata: d.default.func,
onLoadedData: d.default.func,
onTimeUpdate: d.default.func,
onRateChange: d.default.func,
onVolumeChange: d.default.func,
onResize: d.default.func,
},
y = (function(E) {
(0, h.default)(p, E);
function p(o) {
var t;
return (
(0, S.default)(this, p),
(t = (0, T.default)(this, (0, u.default)(p).call(this, o))),
(t.video = null),
(t.play = t.play.bind((0, s.default)(t))),
(t.pause = t.pause.bind((0, s.default)(t))),
(t.seek = t.seek.bind((0, s.default)(t))),
(t.forward = t.forward.bind((0, s.default)(t))),
(t.replay = t.replay.bind((0, s.default)(t))),
(t.toggleFullscreen = t.toggleFullscreen.bind((0, s.default)(t))),
(t.getProperties = t.getProperties.bind((0, s.default)(t))),
(t.renderChildren = t.renderChildren.bind((0, s.default)(t))),
(t.handleLoadStart = t.handleLoadStart.bind((0, s.default)(t))),
(t.handleCanPlay = t.handleCanPlay.bind((0, s.default)(t))),
(t.handleCanPlayThrough = t.handleCanPlayThrough.bind((0, s.default)(t))),
(t.handlePlay = t.handlePlay.bind((0, s.default)(t))),
(t.handlePlaying = t.handlePlaying.bind((0, s.default)(t))),
(t.handlePause = t.handlePause.bind((0, s.default)(t))),
(t.handleEnded = t.handleEnded.bind((0, s.default)(t))),
(t.handleWaiting = t.handleWaiting.bind((0, s.default)(t))),
(t.handleSeeking = t.handleSeeking.bind((0, s.default)(t))),
(t.handleSeeked = t.handleSeeked.bind((0, s.default)(t))),
(t.handleFullscreenChange = t.handleFullscreenChange.bind((0, s.default)(t))),
(t.handleError = t.handleError.bind((0, s.default)(t))),
(t.handleSuspend = t.handleSuspend.bind((0, s.default)(t))),
(t.handleAbort = t.handleAbort.bind((0, s.default)(t))),
(t.handleEmptied = t.handleEmptied.bind((0, s.default)(t))),
(t.handleStalled = t.handleStalled.bind((0, s.default)(t))),
(t.handleLoadedMetaData = t.handleLoadedMetaData.bind((0, s.default)(t))),
(t.handleLoadedData = t.handleLoadedData.bind((0, s.default)(t))),
(t.handleTimeUpdate = t.handleTimeUpdate.bind((0, s.default)(t))),
(t.handleRateChange = t.handleRateChange.bind((0, s.default)(t))),
(t.handleVolumeChange = t.handleVolumeChange.bind((0, s.default)(t))),
(t.handleDurationChange = t.handleDurationChange.bind((0, s.default)(t))),
(t.handleProgress = (0, C.throttle)(t.handleProgress.bind((0, s.default)(t)), 250)),
(t.handleKeypress = t.handleKeypress.bind((0, s.default)(t))),
(t.handleTextTrackChange = t.handleTextTrackChange.bind((0, s.default)(t))),
t
);
}
return (
(0, M.default)(p, [
{
key: 'componentDidMount',
value: function() {
this.forceUpdate(),
this.video &&
this.video.textTracks &&
((this.video.textTracks.onaddtrack = this.handleTextTrackChange),
(this.video.textTracks.onremovetrack = this.handleTextTrackChange));
},
},
{
key: 'getProperties',
value: function() {
var t = this;
return this.video
? C.mediaProperties.reduce(function(l, n) {
return (l[n] = t.video[n]), l;
}, {})
: null;
},
},
{
key: 'handleTextTrackChange',
value: function() {
var t = this.props,
l = t.actions,
n = t.player;
if (this.video && this.video.textTracks) {
var i = Array.from(this.video.textTracks).find(function(c) {
return c.mode === 'showing';
});
i !== n.activeTextTrack && l.activateTextTrack(i);
}
},
},
{
key: 'play',
value: function() {
var t = this.video.play();
t !== void 0 && t.catch(function() {}).then(function() {});
},
},
{
key: 'pause',
value: function() {
var t = this.video.pause();
t !== void 0 && t.catch(function() {}).then(function() {});
},
},
{
key: 'load',
value: function() {
this.video.load();
},
},
{
key: 'addTextTrack',
value: function() {
var t;
(t = this.video).addTextTrack.apply(t, arguments);
},
},
{
key: 'canPlayType',
value: function() {
var t;
(t = this.video).canPlayType.apply(t, arguments);
},
},
{
key: 'togglePlay',
value: function() {
this.video.paused ? this.play() : this.pause();
},
},
{
key: 'seek',
value: function(t) {
try {
this.video.currentTime = t;
} catch (l) {}
},
},
{
key: 'forward',
value: function(t) {
this.seek(this.video.currentTime + t);
},
},
{
key: 'replay',
value: function(t) {
this.forward(-t);
},
},
{
key: 'toggleFullscreen',
value: function() {
var t = this.props,
l = t.player,
n = t.actions;
n.toggleFullscreen(l);
},
},
{
key: 'handleLoadStart',
value: function() {
var t = this.props,
l = t.actions,
n = t.onLoadStart;
l.handleLoadStart(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleCanPlay',
value: function() {
var t = this.props,
l = t.actions,
n = t.onCanPlay;
l.handleCanPlay(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleCanPlayThrough',
value: function() {
var t = this.props,
l = t.actions,
n = t.onCanPlayThrough;
l.handleCanPlayThrough(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handlePlaying',
value: function() {
var t = this.props,
l = t.actions,
n = t.onPlaying;
l.handlePlaying(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handlePlay',
value: function() {
var t = this.props,
l = t.actions,
n = t.onPlay;
l.handlePlay(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handlePause',
value: function() {
var t = this.props,
l = t.actions,
n = t.onPause;
l.handlePause(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleDurationChange',
value: function() {
var t = this.props,
l = t.actions,
n = t.onDurationChange;
l.handleDurationChange(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleProgress',
value: function() {
var t = this.props,
l = t.actions,
n = t.onProgress;
this.video && l.handleProgressChange(this.getProperties()),
n && n.apply(void 0, arguments);
},
},
{
key: 'handleEnded',
value: function() {
var t = this.props,
l = t.loop,
n = t.player,
i = t.actions,
c = t.onEnded;
l ? (this.seek(0), this.play()) : n.paused || this.pause(),
i.handleEnd(this.getProperties()),
c && c.apply(void 0, arguments);
},
},
{
key: 'handleWaiting',
value: function() {
var t = this.props,
l = t.actions,
n = t.onWaiting;
l.handleWaiting(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleSeeking',
value: function() {
var t = this.props,
l = t.actions,
n = t.onSeeking;
l.handleSeeking(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleSeeked',
value: function() {
var t = this.props,
l = t.actions,
n = t.onSeeked;
l.handleSeeked(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{ key: 'handleFullscreenChange', value: function() {} },
{
key: 'handleSuspend',
value: function() {
var t = this.props,
l = t.actions,
n = t.onSuspend;
l.handleSuspend(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleAbort',
value: function() {
var t = this.props,
l = t.actions,
n = t.onAbort;
l.handleAbort(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleEmptied',
value: function() {
var t = this.props,
l = t.actions,
n = t.onEmptied;
l.handleEmptied(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleStalled',
value: function() {
var t = this.props,
l = t.actions,
n = t.onStalled;
l.handleStalled(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleLoadedMetaData',
value: function() {
var t = this.props,
l = t.actions,
n = t.onLoadedMetadata,
i = t.startTime;
i && i > 0 && (this.video.currentTime = i),
l.handleLoadedMetaData(this.getProperties()),
n && n.apply(void 0, arguments);
},
},
{
key: 'handleLoadedData',
value: function() {
var t = this.props,
l = t.actions,
n = t.onLoadedData;
l.handleLoadedData(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleTimeUpdate',
value: function() {
var t = this.props,
l = t.actions,
n = t.onTimeUpdate;
l.handleTimeUpdate(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleRateChange',
value: function() {
var t = this.props,
l = t.actions,
n = t.onRateChange;
l.handleRateChange(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleVolumeChange',
value: function() {
var t = this.props,
l = t.actions,
n = t.onVolumeChange;
l.handleVolumeChange(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleError',
value: function() {
var t = this.props,
l = t.actions,
n = t.onError;
l.handleError(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{
key: 'handleResize',
value: function() {
var t = this.props,
l = t.actions,
n = t.onResize;
l.handleResize(this.getProperties()), n && n.apply(void 0, arguments);
},
},
{ key: 'handleKeypress', value: function() {} },
{
key: 'renderChildren',
value: function() {
var t = this,
l = (0, f.default)({}, this.props, { video: this.video });
return this.video
? g.default.Children.toArray(this.props.children)
.filter(C.isVideoChild)
.map(function(n) {
var i;
if (typeof n.type == 'string') {
if (n.type === 'source') {
i = (0, f.default)({}, n.props);
var c = i.onError;
i.onError = function() {
c && c.apply(void 0, arguments), t.handleError.apply(t, arguments);
};
}
} else i = l;
return g.default.cloneElement(n, i);
})
: null;
},
},
{
key: 'render',
value: function() {
var t = this,
l = this.props,
n = l.loop,
i = l.poster,
c = l.preload,
R = l.src,
b = l.autoPlay,
O = l.playsInline,
I = l.muted,
j = l.crossOrigin,
L = l.videoId;
return g.default.createElement(
'video',
{
className: (0, m.default)('video-react-video', this.props.className),
id: L,
crossOrigin: j,
ref: function(F) {
t.video = F;
},
muted: I,
preload: c,
loop: n,
playsInline: O,
autoPlay: b,
poster: i,
src: R,
onLoadStart: this.handleLoadStart,
onWaiting: this.handleWaiting,
onCanPlay: this.handleCanPlay,
onCanPlayThrough: this.handleCanPlayThrough,
onPlaying: this.handlePlaying,
onEnded: this.handleEnded,
onSeeking: this.handleSeeking,
onSeeked: this.handleSeeked,
onPlay: this.handlePlay,
onPause: this.handlePause,
onProgress: this.handleProgress,
onDurationChange: this.handleDurationChange,
onError: this.handleError,
onSuspend: this.handleSuspend,
onAbort: this.handleAbort,
onEmptied: this.handleEmptied,
onStalled: this.handleStalled,
onLoadedMetadata: this.handleLoadedMetaData,
onLoadedData: this.handleLoadedData,
onTimeUpdate: this.handleTimeUpdate,
onRateChange: this.handleRateChange,
onVolumeChange: this.handleVolumeChange,
tabIndex: '-1',
},
this.renderChildren(),
);
},
},
{
key: 'playbackRate',
get: function() {
return this.video.playbackRate;
},
set: function(t) {
this.video.playbackRate = t;
},
},
{
key: 'muted',
get: function() {
return this.video.muted;
},
set: function(t) {
this.video.muted = t;
},
},
{
key: 'volume',
get: function() {
return this.video.volume;
},
set: function(t) {
t > 1 && (t = 1), t < 0 && (t = 0), (this.video.volume = t);
},
},
{
key: 'videoWidth',
get: function() {
return this.video.videoWidth;
},
},
{
key: 'videoHeight',
get: function() {
return this.video.videoHeight;
},
},
]),
p
);
})(g.Component);
(r.default = y), (y.propTypes = N), (y.displayName = 'Video');
},
FcgA: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('QILm')),
S = a(e('lwsE')),
M = a(e('W8MJ')),
T = a(e('a1gu')),
u = a(e('Nsbk')),
s = a(e('PJYZ')),
h = a(e('7W2i')),
d = a(e('17x9')),
g = v(e('q1tI')),
m = a(e('TSYQ')),
C = a(e('zHIc')),
N = a(e('0yDM')),
y = a(e('4b3c')),
E = a(e('UXv2')),
p = a(e('54lq')),
o = a(e('Na29')),
t = a(e('HI9P')),
l = a(e('GdU9')),
n = a(e('ruMa')),
i = a(e('AZ0a')),
c = a(e('DGqw')),
R = e('tJTW'),
b = {
children: d.default.any,
autoHide: d.default.bool,
autoHideTime: d.default.number,
disableDefaultControls: d.default.bool,
disableCompletely: d.default.bool,
className: d.default.string,
},
O = { autoHide: !0, disableCompletely: !1 },
I = (function(j) {
(0, h.default)(L, j);
function L(V) {
var F;
return (
(0, S.default)(this, L),
(F = (0, T.default)(this, (0, u.default)(L).call(this, V))),
(F.getDefaultChildren = F.getDefaultChildren.bind((0, s.default)(F))),
(F.getFullChildren = F.getFullChildren.bind((0, s.default)(F))),
F
);
}
return (
(0, M.default)(L, [
{
key: 'getDefaultChildren',
value: function() {
return [
g.default.createElement(N.default, { key: 'play-toggle', order: 1 }),
g.default.createElement(i.default, { key: 'volume-menu-button', order: 4 }),
g.default.createElement(t.default, { key: 'current-time-display', order: 5.1 }),
g.default.createElement(n.default, { key: 'time-divider', order: 5.2 }),
g.default.createElement(l.default, { key: 'duration-display', order: 5.3 }),
g.default.createElement(C.default, { key: 'progress-control', order: 6 }),
g.default.createElement(p.default, { key: 'fullscreen-toggle', order: 8 }),
];
},
},
{
key: 'getFullChildren',
value: function() {
return [
g.default.createElement(N.default, { key: 'play-toggle', order: 1 }),
g.default.createElement(E.default, { key: 'replay-control', order: 2 }),
g.default.createElement(y.default, { key: 'forward-control', order: 3 }),
g.default.createElement(i.default, { key: 'volume-menu-button', order: 4 }),
g.default.createElement(t.default, { key: 'current-time-display', order: 5 }),
g.default.createElement(n.default, { key: 'time-divider', order: 6 }),
g.default.createElement(l.default, { key: 'duration-display', order: 7 }),
g.default.createElement(C.default, { key: 'progress-control', order: 8 }),
g.default.createElement(o.default, { key: 'remaining-time-display', order: 9 }),
g.default.createElement(c.default, {
rates: [1, 1.25, 1.5, 2],
key: 'playback-rate',
order: 10,
}),
g.default.createElement(p.default, { key: 'fullscreen-toggle', order: 11 }),
];
},
},
{
key: 'getChildren',
value: function() {
var F = g.default.Children.toArray(this.props.children),
k = this.props.disableDefaultControls ? [] : this.getDefaultChildren(),
P = this.props,
W = P.className,
U = (0, f.default)(P, ['className']);
return (0, R.mergeAndSortChildren)(k, F, U);
},
},
{
key: 'render',
value: function() {
var F = this.props,
k = F.autoHide,
P = F.className,
W = F.disableCompletely,
U = this.getChildren();
return W
? null
: g.default.createElement(
'div',
{
className: (0, m.default)(
'video-react-control-bar',
{ 'video-react-control-bar-auto-hide': k },
P,
),
},
U,
);
},
},
]),
L
);
})(g.Component);
(r.default = I), (I.propTypes = b), (I.defaultProps = O), (I.displayName = 'ControlBar');
},
GdU9: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = e('tJTW'),
T = { player: a.default.object, className: a.default.string };
function u(h) {
var d = h.player.duration,
g = h.className,
m = (0, M.formatTime)(d);
return f.default.createElement(
'div',
{
className: (0, S.default)(
g,
'video-react-duration video-react-time-control video-react-control',
),
},
f.default.createElement(
'div',
{ className: 'video-react-duration-display', 'aria-live': 'off' },
f.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Duration Time ',
),
m,
),
);
}
(u.propTypes = T), (u.displayName = 'DurationDisplay');
var s = u;
r.default = s;
},
GuGs: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = e('tJTW');
function T(s) {
var h = s.duration,
d = s.mouseTime,
g = s.className,
m = s.text;
if (!d.time) return null;
var C = m || (0, M.formatTime)(d.time, h);
return f.default.createElement('div', {
className: (0, S.default)('video-react-mouse-display', g),
style: { left: ''.concat(d.position, 'px') },
'data-current-time': C,
});
}
(T.propTypes = {
duration: a.default.number,
mouseTime: a.default.object,
className: a.default.string,
}),
(T.displayName = 'MouseTimeDisplay');
var u = T;
r.default = u;
},
HI9P: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = e('tJTW'),
T = { player: a.default.object, className: a.default.string };
function u(h) {
var d = h.player,
g = d.currentTime,
m = d.duration,
C = h.className,
N = (0, M.formatTime)(g, m);
return f.default.createElement(
'div',
{
className: (0, S.default)(
'video-react-current-time video-react-time-control video-react-control',
C,
),
},
f.default.createElement(
'div',
{ className: 'video-react-current-time-display', 'aria-live': 'off' },
f.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Current Time ',
),
N,
),
);
}
(u.propTypes = T), (u.displayName = 'CurrentTimeDisplay');
var s = u;
r.default = s;
},
INgg: function(A, r, e) {
'use strict';
Object.defineProperty(r, '__esModule', { value: !0 }),
(r.handleLoadStart = I),
(r.handleCanPlay = j),
(r.handleWaiting = L),
(r.handleCanPlayThrough = V),
(r.handlePlaying = F),
(r.handlePlay = k),
(r.handlePause = P),
(r.handleEnd = W),
(r.handleSeeking = U),
(r.handleSeeked = B),
(r.handleDurationChange = G),
(r.handleTimeUpdate = J),
(r.handleVolumeChange = Y),
(r.handleProgressChange = z),
(r.handleRateChange = H),
(r.handleSuspend = $),
(r.handleAbort = K),
(r.handleEmptied = Q),
(r.handleStalled = Z),
(r.handleLoadedMetaData = X),
(r.handleLoadedData = w),
(r.handleResize = x),
(r.handleError = q),
(r.handleSeekingTime = _),
(r.handleEndSeeking = ee),
(r.activateTextTrack = te),
(r.ACTIVATE_TEXT_TRACK = r.ERROR = r.RESIZE = r.LOADED_DATA = r.LOADED_META_DATA = r.STALLED = r.EMPTIED = r.ABORT = r.SUSPEND = r.RATE_CHANGE = r.PROGRESS_CHANGE = r.VOLUME_CHANGE = r.TIME_UPDATE = r.DURATION_CHANGE = r.END_SEEKING = r.SEEKING_TIME = r.SEEKED = r.SEEKING = r.END = r.PAUSE = r.PLAY = r.PLAYING = r.CAN_PLAY_THROUGH = r.WAITING = r.CAN_PLAY = r.LOAD_START = void 0);
var v = 'video-react/LOAD_START';
r.LOAD_START = v;
var a = 'video-react/CAN_PLAY';
r.CAN_PLAY = a;
var f = 'video-react/WAITING';
r.WAITING = f;
var S = 'video-react/CAN_PLAY_THROUGH';
r.CAN_PLAY_THROUGH = S;
var M = 'video-react/PLAYING';
r.PLAYING = M;
var T = 'video-react/PLAY';
r.PLAY = T;
var u = 'video-react/PAUSE';
r.PAUSE = u;
var s = 'video-react/END';
r.END = s;
var h = 'video-react/SEEKING';
r.SEEKING = h;
var d = 'video-react/SEEKED';
r.SEEKED = d;
var g = 'video-react/SEEKING_TIME';
r.SEEKING_TIME = g;
var m = 'video-react/END_SEEKING';
r.END_SEEKING = m;
var C = 'video-react/DURATION_CHANGE';
r.DURATION_CHANGE = C;
var N = 'video-react/TIME_UPDATE';
r.TIME_UPDATE = N;
var y = 'video-react/VOLUME_CHANGE';
r.VOLUME_CHANGE = y;
var E = 'video-react/PROGRESS_CHANGE';
r.PROGRESS_CHANGE = E;
var p = 'video-react/RATE_CHANGE';
r.RATE_CHANGE = p;
var o = 'video-react/SUSPEND';
r.SUSPEND = o;
var t = 'video-react/ABORT';
r.ABORT = t;
var l = 'video-react/EMPTIED';
r.EMPTIED = l;
var n = 'video-react/STALLED';
r.STALLED = n;
var i = 'video-react/LOADED_META_DATA';
r.LOADED_META_DATA = i;
var c = 'video-react/LOADED_DATA';
r.LOADED_DATA = c;
var R = 'video-react/RESIZE';
r.RESIZE = R;
var b = 'video-react/ERROR';
r.ERROR = b;
var O = 'video-react/ACTIVATE_TEXT_TRACK';
r.ACTIVATE_TEXT_TRACK = O;
function I(D) {
return { type: v, videoProps: D };
}
function j(D) {
return { type: a, videoProps: D };
}
function L(D) {
return { type: f, videoProps: D };
}
function V(D) {
return { type: S, videoProps: D };
}
function F(D) {
return { type: M, videoProps: D };
}
function k(D) {
return { type: T, videoProps: D };
}
function P(D) {
return { type: u, videoProps: D };
}
function W(D) {
return { type: s, videoProps: D };
}
function U(D) {
return { type: h, videoProps: D };
}
function B(D) {
return { type: d, videoProps: D };
}
function G(D) {
return { type: C, videoProps: D };
}
function J(D) {
return { type: N, videoProps: D };
}
function Y(D) {
return { type: y, videoProps: D };
}
function z(D) {
return { type: E, videoProps: D };
}
function H(D) {
return { type: p, videoProps: D };
}
function $(D) {
return { type: o, videoProps: D };
}
function K(D) {
return { type: t, videoProps: D };
}
function Q(D) {
return { type: l, videoProps: D };
}
function Z(D) {
return { type: n, videoProps: D };
}
function X(D) {
return { type: i, videoProps: D };
}
function w(D) {
return { type: c, videoProps: D };
}
function x(D) {
return { type: R, videoProps: D };
}
function q(D) {
return { type: b, videoProps: D };
}
function _(D) {
return { type: g, time: D };
}
function ee(D) {
return { type: m, time: D };
}
function te(D) {
return { type: O, textTrack: D };
}
},
LgmY: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('lSNA')),
f = v(e('RIqP')),
S = v(e('lwsE')),
M = v(e('W8MJ')),
T = v(e('a1gu')),
u = v(e('Nsbk')),
s = v(e('PJYZ')),
h = v(e('7W2i')),
d = e('q1tI'),
g = v(e('17x9')),
m = e('EVUy'),
C = {
clickable: g.default.bool,
dblclickable: g.default.bool,
manager: g.default.object,
actions: g.default.object,
player: g.default.object,
shortcuts: g.default.array,
},
N = { clickable: !0, dblclickable: !0 },
y = (function(E) {
(0, h.default)(p, E);
function p(o, t) {
var l;
return (
(0, S.default)(this, p),
(l = (0, T.default)(this, (0, u.default)(p).call(this, o, t))),
(l.defaultShortcuts = [
{ keyCode: 32, handle: l.togglePlay },
{ keyCode: 75, handle: l.togglePlay },
{ keyCode: 70, handle: l.toggleFullscreen },
{
keyCode: 37,
handle: function(i, c) {
if (!i.hasStarted) return;
c.replay(5, { action: 'replay-5', source: 'shortcut' });
},
},
{
keyCode: 74,
handle: function(i, c) {
if (!i.hasStarted) return;
c.replay(10, { action: 'replay-10', source: 'shortcut' });
},
},
{
keyCode: 39,
handle: function(i, c) {
if (!i.hasStarted) return;
c.forward(5, { action: 'forward-5', source: 'shortcut' });
},
},
{
keyCode: 76,
handle: function(i, c) {
if (!i.hasStarted) return;
c.forward(10, { action: 'forward-10', source: 'shortcut' });
},
},
{
keyCode: 36,
handle: function(i, c) {
if (!i.hasStarted) return;
c.seek(0);
},
},
{
keyCode: 35,
handle: function(i, c) {
if (!i.hasStarted) return;
c.seek(i.duration);
},
},
{
keyCode: 38,
handle: function(i, c) {
var R = i.volume + 0.05;
R > 1 && (R = 1),
c.changeVolume(R, { action: 'volume-up', source: 'shortcut' });
},
},
{
keyCode: 40,
handle: function(i, c) {
var R = i.volume - 0.05;
R < 0 && (R = 0);
var b = R > 0 ? 'volume-down' : 'volume-off';
c.changeVolume(R, { action: b, source: 'shortcut' });
},
},
{
keyCode: 190,
shift: !0,
handle: function(i, c) {
var R = i.playbackRate;
R >= 1.5
? (R = 2)
: R >= 1.25
? (R = 1.5)
: R >= 1
? (R = 1.25)
: R >= 0.5
? (R = 1)
: R >= 0.25
? (R = 0.5)
: R >= 0 && (R = 0.25),
c.changeRate(R, { action: 'fast-forward', source: 'shortcut' });
},
},
{
keyCode: 188,
shift: !0,
handle: function(i, c) {
var R = i.playbackRate;
R <= 0.5
? (R = 0.25)
: R <= 1
? (R = 0.5)
: R <= 1.25
? (R = 1)
: R <= 1.5
? (R = 1.25)
: R <= 2 && (R = 1.5),
c.changeRate(R, { action: 'fast-rewind', source: 'shortcut' });
},
},
]),
(l.shortcuts = (0, f.default)(l.defaultShortcuts)),
(l.mergeShortcuts = l.mergeShortcuts.bind((0, s.default)(l))),
(l.handleKeyPress = l.handleKeyPress.bind((0, s.default)(l))),
(l.handleClick = l.handleClick.bind((0, s.default)(l))),
(l.handleDoubleClick = l.handleDoubleClick.bind((0, s.default)(l))),
l
);
}
return (
(0, M.default)(p, [
{
key: 'componentDidMount',
value: function() {
this.mergeShortcuts(),
document.addEventListener('keydown', this.handleKeyPress),
document.addEventListener('click', this.handleClick),
document.addEventListener('dblclick', this.handleDoubleClick);
},
},
{
key: 'componentDidUpdate',
value: function(t) {
t.shortcuts !== this.props.shortcuts && this.mergeShortcuts();
},
},
{
key: 'componentWillUnmount',
value: function() {
document.removeEventListener('keydown', this.handleKeyPress),
document.removeEventListener('click', this.handleClick),
document.removeEventListener('dblclick', this.handleDoubleClick);
},
},
{
key: 'mergeShortcuts',
value: function() {
var t = function(R) {
var b = R.keyCode,
O = b === void 0 ? 0 : b,
I = R.ctrl,
j = I === void 0 ? !1 : I,
L = R.shift,
V = L === void 0 ? !1 : L,
F = R.alt,
k = F === void 0 ? !1 : F;
return ''
.concat(O, ':')
.concat(j, ':')
.concat(V, ':')
.concat(k);
},
l = this.defaultShortcuts.reduce(function(c, R) {
return Object.assign(c, (0, a.default)({}, t(R), R));
}, {}),
n = (this.props.shortcuts || []).reduce(function(c, R) {
var b = R.keyCode,
O = R.handle;
return b && typeof O == 'function'
? Object.assign(c, (0, a.default)({}, t(R), R))
: c;
}, l),
i = function(R) {
var b = 0,
O = ['ctrl', 'shift', 'alt'];
return (
O.forEach(function(I) {
R[I] && b++;
}),
b
);
};
this.shortcuts = Object.keys(n)
.map(function(c) {
return n[c];
})
.sort(function(c, R) {
return i(R) - i(c);
});
},
},
{
key: 'togglePlay',
value: function(t, l) {
t.paused
? l.play({ action: 'play', source: 'shortcut' })
: l.pause({ action: 'pause', source: 'shortcut' });
},
},
{
key: 'toggleFullscreen',
value: function(t, l) {
l.toggleFullscreen(t);
},
},
{
key: 'handleKeyPress',
value: function(t) {
var l = this.props,
n = l.player,
i = l.actions;
if (!n.isActive) return;
if (
document.activeElement &&
((0, m.hasClass)(document.activeElement, 'video-react-control') ||
(0, m.hasClass)(document.activeElement, 'video-react-menu-button-active') ||
(0, m.hasClass)(document.activeElement, 'video-react-big-play-button'))
)
return;
var c = t.keyCode || t.which,
R = t.ctrlKey || t.metaKey,
b = t.shiftKey,
O = t.altKey,
I = this.shortcuts.filter(function(j) {
return !j.keyCode || j.keyCode - c !== 0
? !1
: !(
(j.ctrl !== void 0 && j.ctrl !== R) ||
(j.shift !== void 0 && j.shift !== b) ||
(j.alt !== void 0 && j.alt !== O)
);
})[0];
I && (I.handle(n, i), t.preventDefault());
},
},
{
key: 'canBeClicked',
value: function(t, l) {
return !(!t.isActive || l.target.nodeName !== 'VIDEO' || t.readyState !== 4);
},
},
{
key: 'handleClick',
value: function(t) {
var l = this.props,
n = l.player,
i = l.actions,
c = l.clickable;
if (!this.canBeClicked(n, t) || !c) return;
this.togglePlay(n, i);
},
},
{
key: 'handleDoubleClick',
value: function(t) {
var l = this.props,
n = l.player,
i = l.actions,
c = l.dblclickable;
if (!this.canBeClicked(n, t) || !c) return;
this.toggleFullscreen(n, i);
},
},
{
key: 'render',
value: function() {
return null;
},
},
]),
p
);
})(d.Component);
(r.default = y), (y.propTypes = C), (y.defaultProps = N), (y.displayName = 'Shortcut');
},
MVZn: function(A, r, e) {
var v = e('lSNA');
function a(f) {
for (var S = 1; S < arguments.length; S++) {
var M = arguments[S] != null ? Object(arguments[S]) : {},
T = Object.keys(M);
typeof Object.getOwnPropertySymbols == 'function' &&
(T = T.concat(
Object.getOwnPropertySymbols(M).filter(function(u) {
return Object.getOwnPropertyDescriptor(M, u).enumerable;
}),
)),
T.forEach(function(u) {
v(f, u, M[u]);
});
}
return f;
}
A.exports = a;
},
Na29: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = e('tJTW'),
T = { player: a.default.object, className: a.default.string };
function u(h) {
var d = h.player,
g = d.currentTime,
m = d.duration,
C = h.className,
N = m - g,
y = (0, M.formatTime)(N);
return f.default.createElement(
'div',
{
className: (0, S.default)(
'video-react-remaining-time video-react-time-control video-react-control',
C,
),
},
f.default.createElement(
'div',
{ className: 'video-react-remaining-time-display', 'aria-live': 'off' },
f.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Remaining Time ',
),
'-'.concat(y),
),
);
}
(u.propTypes = T), (u.displayName = 'RemainingTimeDisplay');
var s = u;
r.default = s;
},
QJtQ: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = g);
var a = v(e('pVnL')),
f = v(e('MVZn')),
S = v(e('17x9')),
M = v(e('q1tI')),
T = v(e('TSYQ')),
u = v(e('mJvV')),
s = v(e('4FqI')),
h = {
inline: S.default.bool,
onClick: S.default.func.isRequired,
onFocus: S.default.func,
onBlur: S.default.func,
className: S.default.string,
},
d = { inline: !0 };
function g(m) {
var C = m.inline,
N = m.className,
y = (0, f.default)({}, m);
return (
delete y.children,
delete y.inline,
delete y.className,
M.default.createElement(
u.default,
(0, a.default)(
{
className: (0, T.default)(
N,
{ 'video-react-menu-button-inline': !!C, 'video-react-menu-button-popup': !C },
'video-react-control video-react-button video-react-menu-button',
),
},
y,
),
M.default.createElement(s.default, m),
)
);
}
(g.propTypes = h), (g.defaultProps = d), (g.displayName = 'PopupButton');
},
Qrqe: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('pVnL')),
S = a(e('lwsE')),
M = a(e('W8MJ')),
T = a(e('a1gu')),
u = a(e('Nsbk')),
s = a(e('PJYZ')),
h = a(e('7W2i')),
d = a(e('17x9')),
g = v(e('q1tI')),
m = a(e('TSYQ')),
C = a(e('kXlQ')),
N = a(e('jSMv')),
y = {
actions: d.default.object,
player: d.default.object,
className: d.default.string,
onFocus: d.default.func,
onBlur: d.default.func,
},
E = (function(o) {
(0, h.default)(t, o);
function t(l, n) {
var i;
return (
(0, S.default)(this, t),
(i = (0, T.default)(this, (0, u.default)(t).call(this, l, n))),
(i.state = { percentage: '0%' }),
(i.handleMouseMove = i.handleMouseMove.bind((0, s.default)(i))),
(i.handlePercentageChange = i.handlePercentageChange.bind((0, s.default)(i))),
(i.checkMuted = i.checkMuted.bind((0, s.default)(i))),
(i.getPercent = i.getPercent.bind((0, s.default)(i))),
(i.stepForward = i.stepForward.bind((0, s.default)(i))),
(i.stepBack = i.stepBack.bind((0, s.default)(i))),
(i.handleFocus = i.handleFocus.bind((0, s.default)(i))),
(i.handleBlur = i.handleBlur.bind((0, s.default)(i))),
(i.handleClick = i.handleClick.bind((0, s.default)(i))),
i
);
}
return (
(0, M.default)(t, [
{ key: 'componentDidMount', value: function() {} },
{
key: 'getPercent',
value: function() {
var n = this.props.player;
return n.muted ? 0 : n.volume;
},
},
{
key: 'checkMuted',
value: function() {
var n = this.props,
i = n.player,
c = n.actions;
i.muted && c.mute(!1);
},
},
{
key: 'handleMouseMove',
value: function(n) {
var i = this.props.actions;
this.checkMuted();
var c = this.slider.calculateDistance(n);
i.changeVolume(c);
},
},
{
key: 'stepForward',
value: function() {
var n = this.props,
i = n.player,
c = n.actions;
this.checkMuted(), c.changeVolume(i.volume + 0.1);
},
},
{
key: 'stepBack',
value: function() {
var n = this.props,
i = n.player,
c = n.actions;
this.checkMuted(), c.changeVolume(i.volume - 0.1);
},
},
{
key: 'handleFocus',
value: function(n) {
this.props.onFocus && this.props.onFocus(n);
},
},
{
key: 'handleBlur',
value: function(n) {
this.props.onBlur && this.props.onBlur(n);
},
},
{
key: 'handlePercentageChange',
value: function(n) {
n !== this.state.percentage && this.setState({ percentage: n });
},
},
{
key: 'handleClick',
value: function(n) {
n.stopPropagation();
},
},
{
key: 'render',
value: function() {
var n = this,
i = this.props,
c = i.player,
R = i.className,
b = (c.volume * 100).toFixed(2);
return g.default.createElement(
C.default,
(0, f.default)(
{
ref: function(I) {
n.slider = I;
},
label: 'volume level',
valuenow: b,
valuetext: ''.concat(b, '%'),
onMouseMove: this.handleMouseMove,
onFocus: this.handleFocus,
onBlur: this.handleBlur,
onClick: this.handleClick,
sliderActive: this.handleFocus,
sliderInactive: this.handleBlur,
getPercent: this.getPercent,
onPercentageChange: this.handlePercentageChange,
stepForward: this.stepForward,
stepBack: this.stepBack,
},
this.props,
{
className: (0, m.default)(
R,
'video-react-volume-bar video-react-slider-bar',
),
},
),
g.default.createElement(N.default, this.props),
);
},
},
]),
t
);
})(g.Component);
(E.propTypes = y), (E.displayName = 'VolumeBar');
var p = E;
r.default = p;
},
U3K2: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = a(e('o4RB')),
C = a(e('DeZD')),
N = a(e('mJvV')),
y = {
inline: h.default.bool,
items: h.default.array,
className: h.default.string,
onSelectItem: h.default.func,
children: h.default.any,
selectedIndex: h.default.number,
},
E = (function(p) {
(0, s.default)(o, p);
function o(t, l) {
var n;
return (
(0, f.default)(this, o),
(n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))),
(n.state = { active: !1, activateIndex: t.selectedIndex || 0 }),
(n.commitSelection = n.commitSelection.bind((0, u.default)(n))),
(n.activateMenuItem = n.activateMenuItem.bind((0, u.default)(n))),
(n.handleClick = n.handleClick.bind((0, u.default)(n))),
(n.renderMenu = n.renderMenu.bind((0, u.default)(n))),
(n.handleFocus = n.handleFocus.bind((0, u.default)(n))),
(n.handleBlur = n.handleBlur.bind((0, u.default)(n))),
(n.handleUpArrow = n.handleUpArrow.bind((0, u.default)(n))),
(n.handleDownArrow = n.handleDownArrow.bind((0, u.default)(n))),
(n.handleEscape = n.handleEscape.bind((0, u.default)(n))),
(n.handleReturn = n.handleReturn.bind((0, u.default)(n))),
(n.handleTab = n.handleTab.bind((0, u.default)(n))),
(n.handleKeyPress = n.handleKeyPress.bind((0, u.default)(n))),
(n.handleSelectItem = n.handleSelectItem.bind((0, u.default)(n))),
(n.handleIndexChange = n.handleIndexChange.bind((0, u.default)(n))),
n
);
}
return (
(0, S.default)(o, [
{
key: 'componentDidUpdate',
value: function(l) {
l.selectedIndex !== this.props.selectedIndex &&
this.activateMenuItem(this.props.selectedIndex);
},
},
{
key: 'commitSelection',
value: function(l) {
this.setState({ activateIndex: l }), this.handleIndexChange(l);
},
},
{
key: 'activateMenuItem',
value: function(l) {
this.setState({ activateIndex: l }), this.handleIndexChange(l);
},
},
{
key: 'handleIndexChange',
value: function(l) {
var n = this.props.onSelectItem;
n(l);
},
},
{
key: 'handleClick',
value: function() {
this.setState(function(l) {
return { active: !l.active };
});
},
},
{
key: 'handleFocus',
value: function() {
document.addEventListener('keydown', this.handleKeyPress);
},
},
{
key: 'handleBlur',
value: function() {
this.setState({ active: !1 }),
document.removeEventListener('keydown', this.handleKeyPress);
},
},
{
key: 'handleUpArrow',
value: function(l) {
var n = this.props.items;
if (this.state.active) {
l.preventDefault();
var i = this.state.activateIndex - 1;
i < 0 && (i = n.length ? n.length - 1 : 0), this.activateMenuItem(i);
}
},
},
{
key: 'handleDownArrow',
value: function(l) {
var n = this.props.items;
if (this.state.active) {
l.preventDefault();
var i = this.state.activateIndex + 1;
i >= n.length && (i = 0), this.activateMenuItem(i);
}
},
},
{
key: 'handleTab',
value: function(l) {
this.state.active &&
(l.preventDefault(), this.commitSelection(this.state.activateIndex));
},
},
{
key: 'handleReturn',
value: function(l) {
l.preventDefault(),
this.state.active
? this.commitSelection(this.state.activateIndex)
: this.setState({ active: !0 });
},
},
{
key: 'handleEscape',
value: function() {
this.setState({ active: !1, activateIndex: 0 });
},
},
{
key: 'handleKeyPress',
value: function(l) {
l.which === 27
? this.handleEscape(l)
: l.which === 9
? this.handleTab(l)
: l.which === 13
? this.handleReturn(l)
: l.which === 38
? this.handleUpArrow(l)
: l.which === 40 && this.handleDownArrow(l);
},
},
{
key: 'handleSelectItem',
value: function(l) {
this.commitSelection(l);
},
},
{
key: 'renderMenu',
value: function() {
var l = this;
if (!this.state.active) return null;
var n = this.props.items;
return d.default.createElement(
m.default,
null,
n.map(function(i, c) {
return d.default.createElement(C.default, {
item: i,
index: c,
onSelectItem: l.handleSelectItem,
activateIndex: l.state.activateIndex,
key: 'item-'.concat(c++),
});
}),
);
},
},
{
key: 'render',
value: function() {
var l = this,
n = this.props,
i = n.inline,
c = n.className;
return d.default.createElement(
N.default,
{
className: (0, g.default)(
c,
{
'video-react-menu-button-inline': !!i,
'video-react-menu-button-popup': !i,
'video-react-menu-button-active': this.state.active,
},
'video-react-control video-react-button video-react-menu-button',
),
role: 'button',
tabIndex: '0',
ref: function(b) {
l.menuButton = b;
},
onClick: this.handleClick,
onFocus: this.handleFocus,
onBlur: this.handleBlur,
},
this.props.children,
this.renderMenu(),
);
},
},
]),
o
);
})(d.Component);
(r.default = E), (E.propTypes = y), (E.displayName = 'MenuButton');
},
UXv2: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('8nKf')),
f = (0, a.default)('replay');
f.displayName = 'ReplayControl';
var S = f;
r.default = S;
},
X2cd: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = { player: a.default.object, className: a.default.string };
function T(u) {
var s = u.player,
h = u.className;
return s.error
? null
: f.default.createElement('div', {
className: (0, S.default)('video-react-loading-spinner', h),
});
}
(T.propTypes = M), (T.displayName = 'LoadingSpinner');
},
iAfH: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('MVZn')),
S = a(e('lwsE')),
M = a(e('W8MJ')),
T = e('ANjH'),
u = a(e('ulZL')),
s = v(e('we7k')),
h = v(e('INgg')),
d = (function() {
function g(m) {
(0, S.default)(this, g),
(this.store = m || (0, T.createStore)(u.default)),
(this.video = null),
(this.rootElement = null);
}
return (
(0, M.default)(g, [
{
key: 'getActions',
value: function() {
var C = this,
N = this.store.dispatch,
y = (0, f.default)({}, s, h);
function E(p) {
return function() {
var t = p.apply(C, arguments);
typeof t != 'undefined' && N(t);
};
}
return Object.keys(y)
.filter(function(p) {
return typeof y[p] == 'function';
})
.reduce(function(p, o) {
return (p[o] = E(y[o])), p;
}, {});
},
},
{
key: 'getState',
value: function() {
return this.store.getState();
},
},
{
key: 'subscribeToStateChange',
value: function(C, N) {
N || (N = this.getState.bind(this));
var y = N(),
E = function() {
var o = N();
if (o === y) return;
var t = y;
(y = o), C(o, t);
};
return this.store.subscribe(E);
},
},
{
key: 'subscribeToOperationStateChange',
value: function(C) {
var N = this;
return this.subscribeToStateChange(C, function() {
return N.getState().operation;
});
},
},
{
key: 'subscribeToPlayerStateChange',
value: function(C) {
var N = this;
return this.subscribeToStateChange(C, function() {
return N.getState().player;
});
},
},
]),
g
);
})();
r.default = d;
},
jSMv: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = { percentage: a.default.string, vertical: a.default.bool, className: a.default.string },
T = { percentage: '100%', vertical: !1 };
function u(h) {
var d = h.percentage,
g = h.vertical,
m = h.className,
C = {};
return (
g ? (C.height = d) : (C.width = d),
f.default.createElement(
'div',
{ className: (0, S.default)(m, 'video-react-volume-level'), style: C },
f.default.createElement('span', { className: 'video-react-control-text' }),
)
);
}
(u.propTypes = M), (u.defaultProps = T), (u.displayName = 'VolumeLevel');
var s = u;
r.default = s;
},
kXlQ: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = v(e('EVUy')),
C = {
className: h.default.string,
onMouseDown: h.default.func,
onMouseMove: h.default.func,
stepForward: h.default.func,
stepBack: h.default.func,
sliderActive: h.default.func,
sliderInactive: h.default.func,
onMouseUp: h.default.func,
onFocus: h.default.func,
onBlur: h.default.func,
onClick: h.default.func,
getPercent: h.default.func,
vertical: h.default.bool,
children: h.default.node,
label: h.default.string,
valuenow: h.default.string,
valuetext: h.default.string,
},
N = (function(y) {
(0, s.default)(E, y);
function E(p, o) {
var t;
return (
(0, f.default)(this, E),
(t = (0, M.default)(this, (0, T.default)(E).call(this, p, o))),
(t.handleMouseDown = t.handleMouseDown.bind((0, u.default)(t))),
(t.handleMouseMove = t.handleMouseMove.bind((0, u.default)(t))),
(t.handleMouseUp = t.handleMouseUp.bind((0, u.default)(t))),
(t.handleFocus = t.handleFocus.bind((0, u.default)(t))),
(t.handleBlur = t.handleBlur.bind((0, u.default)(t))),
(t.handleClick = t.handleClick.bind((0, u.default)(t))),
(t.handleKeyPress = t.handleKeyPress.bind((0, u.default)(t))),
(t.stepForward = t.stepForward.bind((0, u.default)(t))),
(t.stepBack = t.stepBack.bind((0, u.default)(t))),
(t.calculateDistance = t.calculateDistance.bind((0, u.default)(t))),
(t.getProgress = t.getProgress.bind((0, u.default)(t))),
(t.renderChildren = t.renderChildren.bind((0, u.default)(t))),
(t.state = { active: !1 }),
t
);
}
return (
(0, S.default)(E, [
{
key: 'componentWillUnmount',
value: function() {
document.removeEventListener('mousemove', this.handleMouseMove, !0),
document.removeEventListener('mouseup', this.handleMouseUp, !0),
document.removeEventListener('touchmove', this.handleMouseMove, !0),
document.removeEventListener('touchend', this.handleMouseUp, !0),
document.removeEventListener('keydown', this.handleKeyPress, !0);
},
},
{
key: 'getProgress',
value: function() {
var o = this.props.getPercent;
if (!o) return 0;
var t = o();
return (typeof t != 'number' || t < 0 || t === Infinity) && (t = 0), t;
},
},
{
key: 'handleMouseDown',
value: function(o) {
var t = this.props.onMouseDown;
document.addEventListener('mousemove', this.handleMouseMove, !0),
document.addEventListener('mouseup', this.handleMouseUp, !0),
document.addEventListener('touchmove', this.handleMouseMove, !0),
document.addEventListener('touchend', this.handleMouseUp, !0),
this.setState({ active: !0 }),
this.props.sliderActive && this.props.sliderActive(o),
this.handleMouseMove(o),
t && t(o);
},
},
{
key: 'handleMouseMove',
value: function(o) {
var t = this.props.onMouseMove;
t && t(o);
},
},
{
key: 'handleMouseUp',
value: function(o) {
o.preventDefault();
var t = this.props.onMouseUp;
document.removeEventListener('mousemove', this.handleMouseMove, !0),
document.removeEventListener('mouseup', this.handleMouseUp, !0),
document.removeEventListener('touchmove', this.handleMouseMove, !0),
document.removeEventListener('touchend', this.handleMouseUp, !0),
this.setState({ active: !1 }),
this.props.sliderInactive && this.props.sliderInactive(o),
t && t(o);
},
},
{
key: 'handleFocus',
value: function(o) {
document.addEventListener('keydown', this.handleKeyPress, !0),
this.props.onFocus && this.props.onFocus(o);
},
},
{
key: 'handleBlur',
value: function(o) {
document.removeEventListener('keydown', this.handleKeyPress, !0),
this.props.onBlur && this.props.onBlur(o);
},
},
{
key: 'handleClick',
value: function(o) {
o.preventDefault(), this.props.onClick && this.props.onClick(o);
},
},
{
key: 'handleKeyPress',
value: function(o) {
o.which === 37 || o.which === 40
? (o.preventDefault(), o.stopPropagation(), this.stepBack())
: (o.which === 38 || o.which === 39) &&
(o.preventDefault(), o.stopPropagation(), this.stepForward());
},
},
{
key: 'stepForward',
value: function() {
this.props.stepForward && this.props.stepForward();
},
},
{
key: 'stepBack',
value: function() {
this.props.stepBack && this.props.stepBack();
},
},
{
key: 'calculateDistance',
value: function(o) {
var t = this.slider,
l = m.getPointerPosition(t, o);
return this.props.vertical ? l.y : l.x;
},
},
{
key: 'renderChildren',
value: function() {
var o = this.getProgress(),
t = ''.concat((o * 100).toFixed(2), '%');
return d.default.Children.map(this.props.children, function(l) {
return d.default.cloneElement(l, { progress: o, percentage: t });
});
},
},
{
key: 'render',
value: function() {
var o = this,
t = this.props,
l = t.vertical,
n = t.label,
i = t.valuenow,
c = t.valuetext;
return d.default.createElement(
'div',
{
className: (0, g.default)(
this.props.className,
{
'video-react-slider-vertical': l,
'video-react-slider-horizontal': !l,
'video-react-sliding': this.state.active,
},
'video-react-slider',
),
ref: function(b) {
o.slider = b;
},
tabIndex: '0',
role: 'slider',
onMouseDown: this.handleMouseDown,
onTouchStart: this.handleMouseDown,
onFocus: this.handleFocus,
onBlur: this.handleBlur,
onClick: this.handleClick,
'aria-label': n || '',
'aria-valuenow': i || '',
'aria-valuetext': c || '',
'aria-valuemin': 0,
'aria-valuemax': 100,
},
this.renderChildren(),
);
},
},
]),
E
);
})(d.Component);
(r.default = N), (N.propTypes = C), (N.displayName = 'Slider');
},
mJvV: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('pVnL')),
S = a(e('MVZn')),
M = a(e('lwsE')),
T = a(e('W8MJ')),
u = a(e('a1gu')),
s = a(e('Nsbk')),
h = a(e('PJYZ')),
d = a(e('7W2i')),
g = a(e('17x9')),
m = v(e('q1tI')),
C = a(e('TSYQ')),
N = {
tagName: g.default.string,
onClick: g.default.func.isRequired,
onFocus: g.default.func,
onBlur: g.default.func,
className: g.default.string,
},
y = { tagName: 'div' },
E = (function(p) {
(0, d.default)(o, p);
function o(t, l) {
var n;
return (
(0, M.default)(this, o),
(n = (0, u.default)(this, (0, s.default)(o).call(this, t, l))),
(n.handleClick = n.handleClick.bind((0, h.default)(n))),
(n.handleFocus = n.handleFocus.bind((0, h.default)(n))),
(n.handleBlur = n.handleBlur.bind((0, h.default)(n))),
(n.handleKeypress = n.handleKeypress.bind((0, h.default)(n))),
n
);
}
return (
(0, T.default)(o, [
{
key: 'handleKeypress',
value: function(l) {
(l.which === 32 || l.which === 13) && (l.preventDefault(), this.handleClick(l));
},
},
{
key: 'handleClick',
value: function(l) {
var n = this.props.onClick;
n(l);
},
},
{
key: 'handleFocus',
value: function(l) {
document.addEventListener('keydown', this.handleKeypress),
this.props.onFocus && this.props.onFocus(l);
},
},
{
key: 'handleBlur',
value: function(l) {
document.removeEventListener('keydown', this.handleKeypress),
this.props.onBlur && this.props.onBlur(l);
},
},
{
key: 'render',
value: function() {
var l = this.props.tagName,
n = (0, S.default)({}, this.props);
return (
delete n.tagName,
delete n.className,
m.default.createElement(
l,
(0, f.default)(
{
className: (0, C.default)(this.props.className),
role: 'button',
tabIndex: '0',
onClick: this.handleClick,
onFocus: this.handleFocus,
onBlur: this.handleBlur,
},
n,
),
)
);
},
},
]),
o
);
})(m.Component);
(r.default = E),
(E.propTypes = N),
(E.defaultProps = y),
(E.displayName = 'ClickableComponent');
},
o4RB: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = { children: h.default.any },
m = (function(C) {
(0, s.default)(N, C);
function N(y, E) {
var p;
return (
(0, f.default)(this, N),
(p = (0, M.default)(this, (0, T.default)(N).call(this, y, E))),
(p.handleClick = p.handleClick.bind((0, u.default)(p))),
p
);
}
return (
(0, S.default)(N, [
{
key: 'handleClick',
value: function(E) {
E.preventDefault();
},
},
{
key: 'render',
value: function() {
return d.default.createElement(
'div',
{
className: 'video-react-menu video-react-lock-showing',
role: 'presentation',
onClick: this.handleClick,
},
d.default.createElement(
'ul',
{ className: 'video-react-menu-content' },
this.props.children,
),
);
},
},
]),
N
);
})(d.Component);
(r.default = m), (m.propTypes = g), (m.displayName = 'Menu');
},
'q+t5': function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = u);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = e('tJTW'),
T = {
currentTime: a.default.number,
duration: a.default.number,
percentage: a.default.string,
className: a.default.string,
};
function u(s) {
var h = s.currentTime,
d = s.duration,
g = s.percentage,
m = s.className;
return f.default.createElement(
'div',
{
'data-current-time': (0, M.formatTime)(h, d),
className: (0, S.default)('video-react-play-progress video-react-slider-bar', m),
style: { width: g },
},
f.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Progress: '.concat(g),
),
);
}
(u.propTypes = T), (u.displayName = 'PlayProgressBar');
},
qdLH: function(A, r, e) {
'use strict';
Object.defineProperty(r, '__esModule', { value: !0 }),
(r.IS_IOS = r.IS_IPOD = r.IS_IPHONE = r.IS_IPAD = void 0);
var v = typeof window != 'undefined' && window.navigator ? window.navigator.userAgent : '',
a = /iPad/i.test(v);
r.IS_IPAD = a;
var f = /iPhone/i.test(v) && !a;
r.IS_IPHONE = f;
var S = /iPod/i.test(v);
r.IS_IPOD = S;
var M = f || a || S;
r.IS_IOS = M;
},
rsAN: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = { duration: a.default.number, buffered: a.default.object, className: a.default.string };
function T(u) {
var s = u.buffered,
h = u.duration,
d = u.className;
if (!s || !s.length) return null;
var g = s.end(s.length - 1),
m = {};
g > h && (g = h);
function C(t, l) {
var n = t / l || 0;
return ''.concat((n >= 1 ? 1 : n) * 100, '%');
}
m.width = C(g, h);
for (var N = [], y = 0; y < s.length; y++) {
var E = s.start(y),
p = s.end(y),
o = f.default.createElement('div', {
style: { left: C(E, g), width: C(p - E, g) },
key: 'part-'.concat(y),
});
N.push(o);
}
return (
N.length === 0 && (N = null),
f.default.createElement(
'div',
{ style: m, className: (0, S.default)('video-react-load-progress', d) },
f.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Loaded: 0%',
),
N,
)
);
}
(T.propTypes = M), (T.displayName = 'LoadProgressBar');
},
ruMa: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = T);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = { separator: a.default.string, className: a.default.string };
function T(u) {
var s = u.separator,
h = u.className,
d = s || '/';
return f.default.createElement(
'div',
{
className: (0, S.default)('video-react-time-control video-react-time-divider', h),
dir: 'ltr',
},
f.default.createElement('div', null, f.default.createElement('span', null, d)),
);
}
(T.propTypes = M), (T.displayName = 'TimeDivider');
},
rzyQ: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('lwsE')),
f = v(e('W8MJ')),
S = (function() {
function T() {
(0, a.default)(this, T);
}
return (
(0, f.default)(T, [
{
key: 'request',
value: function(s) {
s.requestFullscreen
? s.requestFullscreen()
: s.webkitRequestFullscreen
? s.webkitRequestFullscreen()
: s.mozRequestFullScreen
? s.mozRequestFullScreen()
: s.msRequestFullscreen && s.msRequestFullscreen();
},
},
{
key: 'exit',
value: function() {
document.exitFullscreen
? document.exitFullscreen()
: document.webkitExitFullscreen
? document.webkitExitFullscreen()
: document.mozCancelFullScreen
? document.mozCancelFullScreen()
: document.msExitFullscreen && document.msExitFullscreen();
},
},
{
key: 'addEventListener',
value: function(s) {
document.addEventListener('fullscreenchange', s),
document.addEventListener('webkitfullscreenchange', s),
document.addEventListener('mozfullscreenchange', s),
document.addEventListener('MSFullscreenChange', s);
},
},
{
key: 'removeEventListener',
value: function(s) {
document.removeEventListener('fullscreenchange', s),
document.removeEventListener('webkitfullscreenchange', s),
document.removeEventListener('mozfullscreenchange', s),
document.removeEventListener('MSFullscreenChange', s);
},
},
{
key: 'isFullscreen',
get: function() {
return (
document.fullscreenElement ||
document.webkitFullscreenElement ||
document.mozFullScreenElement ||
document.msFullscreenElement
);
},
},
{
key: 'enabled',
get: function() {
return (
document.fullscreenEnabled ||
document.webkitFullscreenEnabled ||
document.mozFullScreenEnabled ||
document.msFullscreenEnabled
);
},
},
]),
T
);
})(),
M = new S();
r.default = M;
},
tJTW: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }),
(r.formatTime = u),
(r.isVideoChild = s),
(r.mergeAndSortChildren = g),
(r.deprecatedWarning = m),
(r.throttle = C),
(r.mediaProperties = void 0);
var a = v(e('RIqP')),
f = v(e('MVZn')),
S = v(e('QILm')),
M = v(e('q1tI')),
T =
Number.isNaN ||
function(y) {
return y !== y;
};
function u() {
var y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0,
E = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y,
p = Math.floor(y % 60),
o = Math.floor((y / 60) % 60),
t = Math.floor(y / 3600),
l = Math.floor((E / 60) % 60),
n = Math.floor(E / 3600);
return (
(T(y) || y === Infinity) && ((t = '-'), (o = '-'), (p = '-')),
(t = t > 0 || n > 0 ? ''.concat(t, ':') : ''),
(o = ''.concat((t || l >= 10) && o < 10 ? '0'.concat(o) : o, ':')),
(p = p < 10 ? '0'.concat(p) : p),
t + o + p
);
}
function s(y) {
return y.props && y.props.isVideoChild ? !0 : y.type === 'source' || y.type === 'track';
}
var h = function(E, p) {
return E.filter(p)[0];
},
d = function(E, p) {
var o = E.type,
t = p.type;
return typeof o == 'string' || typeof t == 'string'
? o === t
: typeof o == 'function' && typeof t == 'function'
? o.displayName === t.displayName
: !1;
};
function g(y, E, p) {
var o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 1,
t = M.default.Children.toArray(E),
l = p.order,
n = (0, S.default)(p, ['order']);
return t
.filter(function(i) {
return !i.props.disabled;
})
.concat(
y.filter(function(i) {
return !h(t, function(c) {
return d(c, i);
});
}),
)
.map(function(i) {
var c = h(y, function(I) {
return d(I, i);
}),
R = c ? c.props : {},
b = (0, f.default)({}, n, R, i.props),
O = M.default.cloneElement(i, b, i.props.children);
return O;
})
.sort(function(i, c) {
return (i.props.order || o) - (c.props.order || o);
});
}
function m(y, E) {
console.warn(
'WARNING: '.concat(y, ' will be deprecated soon! Please use ').concat(E, ' instead.'),
);
}
function C(y, E) {
var p = arguments,
o = !1;
return function() {
o ||
(y.apply(void 0, (0, a.default)(p)),
(o = !0),
setTimeout(function() {
o = !1;
}, E));
};
}
var N = [
'error',
'src',
'srcObject',
'currentSrc',
'crossOrigin',
'networkState',
'preload',
'buffered',
'readyState',
'seeking',
'currentTime',
'duration',
'paused',
'defaultPlaybackRate',
'playbackRate',
'played',
'seekable',
'ended',
'autoplay',
'loop',
'mediaGroup',
'controller',
'controls',
'volume',
'muted',
'defaultMuted',
'audioTracks',
'videoTracks',
'textTracks',
'width',
'height',
'videoWidth',
'videoHeight',
'poster',
];
r.mediaProperties = N;
},
tPgb: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var a = v(e('17x9')),
f = v(e('q1tI')),
S = v(e('TSYQ')),
M = {
poster: a.default.string,
player: a.default.object,
actions: a.default.object,
className: a.default.string,
};
function T(s) {
var h = s.poster,
d = s.player,
g = s.actions,
m = s.className;
return !h || d.hasStarted
? null
: f.default.createElement('div', {
className: (0, S.default)('video-react-poster', m),
style: { backgroundImage: 'url("'.concat(h, '")') },
onClick: function() {
d.paused && g.play();
},
});
}
(T.propTypes = M), (T.displayName = 'PosterImage');
var u = T;
r.default = u;
},
udzn: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }),
Object.defineProperty(r, 'Player', {
enumerable: !0,
get: function() {
return f.default;
},
}),
Object.defineProperty(r, 'Video', {
enumerable: !0,
get: function() {
return S.default;
},
}),
Object.defineProperty(r, 'BigPlayButton', {
enumerable: !0,
get: function() {
return M.default;
},
}),
Object.defineProperty(r, 'LoadingSpinner', {
enumerable: !0,
get: function() {
return T.default;
},
}),
Object.defineProperty(r, 'PosterImage', {
enumerable: !0,
get: function() {
return u.default;
},
}),
Object.defineProperty(r, 'Slider', {
enumerable: !0,
get: function() {
return s.default;
},
}),
Object.defineProperty(r, 'Bezel', {
enumerable: !0,
get: function() {
return h.default;
},
}),
Object.defineProperty(r, 'Shortcut', {
enumerable: !0,
get: function() {
return d.default;
},
}),
Object.defineProperty(r, 'ControlBar', {
enumerable: !0,
get: function() {
return g.default;
},
}),
Object.defineProperty(r, 'PlayToggle', {
enumerable: !0,
get: function() {
return m.default;
},
}),
Object.defineProperty(r, 'ForwardControl', {
enumerable: !0,
get: function() {
return C.default;
},
}),
Object.defineProperty(r, 'ReplayControl', {
enumerable: !0,
get: function() {
return N.default;
},
}),
Object.defineProperty(r, 'FullscreenToggle', {
enumerable: !0,
get: function() {
return y.default;
},
}),
Object.defineProperty(r, 'ProgressControl', {
enumerable: !0,
get: function() {
return E.default;
},
}),
Object.defineProperty(r, 'SeekBar', {
enumerable: !0,
get: function() {
return p.default;
},
}),
Object.defineProperty(r, 'PlayProgressBar', {
enumerable: !0,
get: function() {
return o.default;
},
}),
Object.defineProperty(r, 'LoadProgressBar', {
enumerable: !0,
get: function() {
return t.default;
},
}),
Object.defineProperty(r, 'MouseTimeDisplay', {
enumerable: !0,
get: function() {
return l.default;
},
}),
Object.defineProperty(r, 'VolumeMenuButton', {
enumerable: !0,
get: function() {
return n.default;
},
}),
Object.defineProperty(r, 'PlaybackRateMenuButton', {
enumerable: !0,
get: function() {
return i.default;
},
}),
Object.defineProperty(r, 'PlaybackRate', {
enumerable: !0,
get: function() {
return c.default;
},
}),
Object.defineProperty(r, 'ClosedCaptionButton', {
enumerable: !0,
get: function() {
return R.default;
},
}),
Object.defineProperty(r, 'RemainingTimeDisplay', {
enumerable: !0,
get: function() {
return b.default;
},
}),
Object.defineProperty(r, 'CurrentTimeDisplay', {
enumerable: !0,
get: function() {
return O.default;
},
}),
Object.defineProperty(r, 'DurationDisplay', {
enumerable: !0,
get: function() {
return I.default;
},
}),
Object.defineProperty(r, 'TimeDivider', {
enumerable: !0,
get: function() {
return j.default;
},
}),
Object.defineProperty(r, 'MenuButton', {
enumerable: !0,
get: function() {
return L.default;
},
}),
Object.defineProperty(r, 'playerReducer', {
enumerable: !0,
get: function() {
return k.playerReducer;
},
}),
Object.defineProperty(r, 'operationReducer', {
enumerable: !0,
get: function() {
return k.operationReducer;
},
}),
(r.videoActions = r.playerActions = void 0);
var f = a(e('vcz5')),
S = a(e('Edwz')),
M = a(e('vu4D')),
T = a(e('X2cd')),
u = a(e('tPgb')),
s = a(e('kXlQ')),
h = a(e('zFvY')),
d = a(e('LgmY')),
g = a(e('FcgA')),
m = a(e('0yDM')),
C = a(e('4b3c')),
N = a(e('UXv2')),
y = a(e('54lq')),
E = a(e('zHIc')),
p = a(e('xFFL')),
o = a(e('q+t5')),
t = a(e('rsAN')),
l = a(e('GuGs')),
n = a(e('AZ0a')),
i = a(e('DGqw')),
c = a(e('wXLL')),
R = a(e('yYHT')),
b = a(e('Na29')),
O = a(e('HI9P')),
I = a(e('GdU9')),
j = a(e('ruMa')),
L = a(e('U3K2')),
V = v(e('we7k'));
r.playerActions = V;
var F = v(e('INgg'));
r.videoActions = F;
var k = e('ulZL');
},
ulZL: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }),
(r.default = S),
(r.operationReducer = r.playerReducer = void 0);
var a = v(e('56F6')),
f = v(e('3nJo'));
function S() {
var u = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
s = arguments.length > 1 ? arguments[1] : void 0;
return { player: (0, a.default)(u.player, s), operation: (0, f.default)(u.operation, s) };
}
var M = a.default;
r.playerReducer = M;
var T = f.default;
r.operationReducer = T;
},
vcz5: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('MVZn')),
S = a(e('lSNA')),
M = a(e('QILm')),
T = a(e('lwsE')),
u = a(e('W8MJ')),
s = a(e('a1gu')),
h = a(e('Nsbk')),
d = a(e('PJYZ')),
g = a(e('7W2i')),
m = a(e('17x9')),
C = v(e('q1tI')),
N = a(e('TSYQ')),
y = a(e('iAfH')),
E = a(e('vu4D')),
p = a(e('X2cd')),
o = a(e('tPgb')),
t = a(e('Edwz')),
l = a(e('zFvY')),
n = a(e('LgmY')),
i = a(e('FcgA')),
c = v(e('qdLH')),
R = e('EVUy'),
b = e('tJTW'),
O = a(e('rzyQ')),
I = {
children: m.default.any,
width: m.default.oneOfType([m.default.string, m.default.number]),
height: m.default.oneOfType([m.default.string, m.default.number]),
fluid: m.default.bool,
muted: m.default.bool,
playsInline: m.default.bool,
aspectRatio: m.default.string,
className: m.default.string,
videoId: m.default.string,
startTime: m.default.number,
loop: m.default.bool,
autoPlay: m.default.bool,
src: m.default.string,
poster: m.default.string,
preload: m.default.oneOf(['auto', 'metadata', 'none']),
onLoadStart: m.default.func,
onWaiting: m.default.func,
onCanPlay: m.default.func,
onCanPlayThrough: m.default.func,
onPlaying: m.default.func,
onEnded: m.default.func,
onSeeking: m.default.func,
onSeeked: m.default.func,
onPlay: m.default.func,
onPause: m.default.func,
onProgress: m.default.func,
onDurationChange: m.default.func,
onError: m.default.func,
onSuspend: m.default.func,
onAbort: m.default.func,
onEmptied: m.default.func,
onStalled: m.default.func,
onLoadedMetadata: m.default.func,
onLoadedData: m.default.func,
onTimeUpdate: m.default.func,
onRateChange: m.default.func,
onVolumeChange: m.default.func,
store: m.default.object,
},
j = { fluid: !0, muted: !1, playsInline: !1, preload: 'auto', aspectRatio: 'auto' },
L = (function(V) {
(0, g.default)(F, V);
function F(k) {
var P;
return (
(0, T.default)(this, F),
(P = (0, s.default)(this, (0, h.default)(F).call(this, k))),
(P.controlsHideTimer = null),
(P.video = null),
(P.manager = new y.default(k.store)),
(P.actions = P.manager.getActions()),
P.manager.subscribeToPlayerStateChange(P.handleStateChange.bind((0, d.default)(P))),
(P.getStyle = P.getStyle.bind((0, d.default)(P))),
(P.handleResize = P.handleResize.bind((0, d.default)(P))),
(P.getChildren = P.getChildren.bind((0, d.default)(P))),
(P.handleMouseMove = (0, b.throttle)(P.handleMouseMove.bind((0, d.default)(P)), 250)),
(P.handleMouseDown = P.handleMouseDown.bind((0, d.default)(P))),
(P.startControlsTimer = P.startControlsTimer.bind((0, d.default)(P))),
(P.handleFullScreenChange = P.handleFullScreenChange.bind((0, d.default)(P))),
(P.handleKeyDown = P.handleKeyDown.bind((0, d.default)(P))),
(P.handleFocus = P.handleFocus.bind((0, d.default)(P))),
(P.handleBlur = P.handleBlur.bind((0, d.default)(P))),
P
);
}
return (
(0, u.default)(F, [
{
key: 'componentDidMount',
value: function() {
this.handleResize(),
window.addEventListener('resize', this.handleResize),
O.default.addEventListener(this.handleFullScreenChange);
},
},
{
key: 'componentWillUnmount',
value: function() {
window.removeEventListener('resize', this.handleResize),
O.default.removeEventListener(this.handleFullScreenChange),
this.controlsHideTimer && window.clearTimeout(this.controlsHideTimer);
},
},
{
key: 'getDefaultChildren',
value: function(P) {
var W = this;
return [
C.default.createElement(
t.default,
{
ref: function(B) {
(W.video = B), (W.manager.video = W.video);
},
key: 'video',
order: 0,
},
P,
),
C.default.createElement(o.default, { key: 'poster-image', order: 1 }),
C.default.createElement(p.default, { key: 'loading-spinner', order: 2 }),
C.default.createElement(l.default, { key: 'bezel', order: 3 }),
C.default.createElement(E.default, { key: 'big-play-button', order: 4 }),
C.default.createElement(i.default, { key: 'control-bar', order: 5 }),
C.default.createElement(n.default, { key: 'shortcut', order: 99 }),
];
},
},
{
key: 'getChildren',
value: function(P) {
var W = P.className,
U = P.children,
B = (0, M.default)(P, ['className', 'children']),
G = C.default.Children.toArray(this.props.children).filter(function(Y) {
return !(0, b.isVideoChild)(Y);
}),
J = this.getDefaultChildren(U);
return (0, b.mergeAndSortChildren)(J, G, B);
},
},
{
key: 'setWidthOrHeight',
value: function(P, W, U) {
var B;
typeof U == 'string'
? U === 'auto'
? (B = 'auto')
: U.match(/\d+%/) && (B = U)
: typeof U == 'number' && (B = ''.concat(U, 'px')),
Object.assign(P, (0, S.default)({}, W, B));
},
},
{
key: 'getStyle',
value: function() {
var P = this.props,
W = P.fluid,
U = P.aspectRatio,
B = P.height,
G = P.width,
J = this.manager.getState(),
Y = J.player,
z = {},
H,
$,
K;
U !== void 0 && U !== 'auto'
? (K = U)
: Y.videoWidth
? (K = ''.concat(Y.videoWidth, ':').concat(Y.videoHeight))
: (K = '16:9');
var Q = K.split(':'),
Z = Q[1] / Q[0];
return (
G !== void 0 ? (H = G) : B !== void 0 ? (H = B / Z) : (H = Y.videoWidth || 400),
B !== void 0 ? ($ = B) : ($ = H * Z),
W
? (z.paddingTop = ''.concat(Z * 100, '%'))
: (this.setWidthOrHeight(z, 'width', H),
this.setWidthOrHeight(z, 'height', $)),
z
);
},
},
{
key: 'getState',
value: function() {
return this.manager.getState();
},
},
{
key: 'play',
value: function() {
this.video.play();
},
},
{
key: 'pause',
value: function() {
this.video.pause();
},
},
{
key: 'load',
value: function() {
this.video.load();
},
},
{
key: 'addTextTrack',
value: function() {
var P;
(P = this.video).addTextTrack.apply(P, arguments);
},
},
{
key: 'canPlayType',
value: function() {
var P;
(P = this.video).canPlayType.apply(P, arguments);
},
},
{
key: 'seek',
value: function(P) {
this.video.seek(P);
},
},
{
key: 'forward',
value: function(P) {
this.video.forward(P);
},
},
{
key: 'replay',
value: function(P) {
this.video.replay(P);
},
},
{
key: 'toggleFullscreen',
value: function() {
this.video.toggleFullscreen();
},
},
{
key: 'subscribeToStateChange',
value: function(P) {
return this.manager.subscribeToPlayerStateChange(P);
},
},
{ key: 'handleResize', value: function() {} },
{
key: 'handleFullScreenChange',
value: function(P) {
P.target === this.manager.rootElement &&
this.actions.handleFullscreenChange(O.default.isFullscreen);
},
},
{
key: 'handleMouseDown',
value: function() {
this.startControlsTimer();
},
},
{
key: 'handleMouseMove',
value: function() {
this.startControlsTimer();
},
},
{
key: 'handleKeyDown',
value: function() {
this.startControlsTimer();
},
},
{
key: 'startControlsTimer',
value: function() {
var P = this,
W = 3e3;
C.default.Children.forEach(this.props.children, function(U) {
if (!C.default.isValidElement(U) || U.type !== i.default) return;
var B = U.props.autoHideTime;
typeof B == 'number' && (W = B);
}),
this.actions.userActivate(!0),
clearTimeout(this.controlsHideTimer),
(this.controlsHideTimer = setTimeout(function() {
P.actions.userActivate(!1);
}, W));
},
},
{
key: 'handleStateChange',
value: function(P, W) {
P.isFullscreen !== W.isFullscreen &&
(this.handleResize(), (0, R.focusNode)(this.manager.rootElement)),
this.forceUpdate();
},
},
{
key: 'handleFocus',
value: function() {
this.actions.activate(!0);
},
},
{
key: 'handleBlur',
value: function() {
this.actions.activate(!1);
},
},
{
key: 'render',
value: function() {
var P = this,
W = this.props.fluid,
U = this.manager.getState(),
B = U.player,
G = B.paused,
J = B.hasStarted,
Y = B.waiting,
z = B.seeking,
H = B.isFullscreen,
$ = B.userActivity,
K = (0, f.default)({}, this.props, {
player: B,
actions: this.actions,
manager: this.manager,
store: this.manager.store,
video: this.video ? this.video.video : null,
}),
Q = this.getChildren(K);
return C.default.createElement(
'div',
{
className: (0, N.default)(
{
'video-react-controls-enabled': !0,
'video-react-has-started': J,
'video-react-paused': G,
'video-react-playing': !G,
'video-react-waiting': Y,
'video-react-seeking': z,
'video-react-fluid': W,
'video-react-fullscreen': H,
'video-react-user-inactive': !$,
'video-react-user-active': $,
'video-react-workinghover': !c.IS_IOS,
},
'video-react',
this.props.className,
),
style: this.getStyle(),
ref: function(X) {
P.manager.rootElement = X;
},
role: 'region',
onTouchStart: this.handleMouseDown,
onMouseDown: this.handleMouseDown,
onTouchMove: this.handleMouseMove,
onMouseMove: this.handleMouseMove,
onKeyDown: this.handleKeyDown,
onFocus: this.handleFocus,
onBlur: this.handleBlur,
tabIndex: '-1',
},
Q,
);
},
},
{
key: 'playbackRate',
get: function() {
return this.video.playbackRate;
},
set: function(P) {
this.video.playbackRate = P;
},
},
{
key: 'muted',
get: function() {
return this.video.muted;
},
set: function(P) {
this.video.muted = P;
},
},
{
key: 'volume',
get: function() {
return this.video.volume;
},
set: function(P) {
this.video.volume = P;
},
},
{
key: 'videoWidth',
get: function() {
return this.video.videoWidth;
},
},
{
key: 'videoHeight',
get: function() {
return this.video.videoHeight;
},
},
]),
F
);
})(C.Component);
(r.default = L),
(L.contextTypes = { store: m.default.object }),
(L.propTypes = I),
(L.defaultProps = j),
(L.displayName = 'Player');
},
vu4D: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = {
actions: h.default.object,
player: h.default.object,
position: h.default.string,
className: h.default.string,
},
C = { position: 'left' },
N = (function(y) {
(0, s.default)(E, y);
function E(p, o) {
var t;
return (
(0, f.default)(this, E),
(t = (0, M.default)(this, (0, T.default)(E).call(this, p, o))),
(t.handleClick = t.handleClick.bind((0, u.default)(t))),
t
);
}
return (
(0, S.default)(E, [
{ key: 'componentDidMount', value: function() {} },
{
key: 'handleClick',
value: function() {
var o = this.props.actions;
o.play();
},
},
{
key: 'render',
value: function() {
var o = this.props,
t = o.player,
l = o.position;
return d.default.createElement(
'button',
{
className: (0, g.default)(
'video-react-big-play-button',
'video-react-big-play-button-'.concat(l),
this.props.className,
{ 'big-play-button-hide': t.hasStarted || !t.currentSrc },
),
type: 'button',
'aria-live': 'polite',
tabIndex: '0',
onClick: this.handleClick,
},
d.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Play Video',
),
);
},
},
]),
E
);
})(d.Component);
(r.default = N), (N.propTypes = m), (N.defaultProps = C), (N.displayName = 'BigPlayButton');
},
wXLL: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('7W2i')),
s = v(e('q1tI')),
h = a(e('DGqw')),
d = e('tJTW'),
g = (function(m) {
(0, u.default)(C, m);
function C(N, y) {
var E;
return (
(0, f.default)(this, C),
(E = (0, M.default)(this, (0, T.default)(C).call(this, N, y))),
(0, d.deprecatedWarning)('PlaybackRate', 'PlaybackRateMenuButton'),
E
);
}
return (
(0, S.default)(C, [
{
key: 'render',
value: function() {
return s.default.createElement(h.default, this.props);
},
},
]),
C
);
})(s.Component);
(r.default = g), (g.displayName = 'PlaybackRate');
},
we7k: function(A, r, e) {
'use strict';
var v = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }),
(r.handleFullscreenChange = u),
(r.activate = s),
(r.userActivate = h),
(r.play = d),
(r.pause = g),
(r.togglePlay = m),
(r.seek = C),
(r.forward = N),
(r.replay = y),
(r.changeRate = E),
(r.changeVolume = p),
(r.mute = o),
(r.toggleFullscreen = t),
(r.USER_ACTIVATE = r.PLAYER_ACTIVATE = r.FULLSCREEN_CHANGE = r.OPERATE = void 0);
var a = v(e('rzyQ')),
f = 'video-react/OPERATE';
r.OPERATE = f;
var S = 'video-react/FULLSCREEN_CHANGE';
r.FULLSCREEN_CHANGE = S;
var M = 'video-react/PLAYER_ACTIVATE';
r.PLAYER_ACTIVATE = M;
var T = 'video-react/USER_ACTIVATE';
r.USER_ACTIVATE = T;
function u(l) {
return { type: S, isFullscreen: l };
}
function s(l) {
return { type: M, activity: l };
}
function h(l) {
return { type: T, activity: l };
}
function d() {
var l =
arguments.length > 0 && arguments[0] !== void 0
? arguments[0]
: { action: 'play', source: '' };
return this.video.play(), { type: f, operation: l };
}
function g() {
var l =
arguments.length > 0 && arguments[0] !== void 0
? arguments[0]
: { action: 'pause', source: '' };
return this.video.pause(), { type: f, operation: l };
}
function m() {
var l =
arguments.length > 0 && arguments[0] !== void 0
? arguments[0]
: { action: 'toggle-play', source: '' };
return this.video.togglePlay(), { type: f, operation: l };
}
function C(l) {
var n =
arguments.length > 1 && arguments[1] !== void 0
? arguments[1]
: { action: 'seek', source: '' };
return this.video.seek(l), { type: f, operation: n };
}
function N(l) {
var n =
arguments.length > 1 && arguments[1] !== void 0
? arguments[1]
: { action: 'forward-'.concat(l), source: '' };
return this.video.forward(l), { type: f, operation: n };
}
function y(l) {
var n =
arguments.length > 1 && arguments[1] !== void 0
? arguments[1]
: { action: 'replay-'.concat(l), source: '' };
return this.video.replay(l), { type: f, operation: n };
}
function E(l) {
var n =
arguments.length > 1 && arguments[1] !== void 0
? arguments[1]
: { action: 'change-rate', source: '' };
return (this.video.playbackRate = l), { type: f, operation: n };
}
function p(l) {
var n =
arguments.length > 1 && arguments[1] !== void 0
? arguments[1]
: { action: 'change-volume', source: '' },
i = l;
return (
l < 0 && (i = 0), l > 1 && (i = 1), (this.video.volume = i), { type: f, operation: n }
);
}
function o(l) {
var n =
arguments.length > 1 && arguments[1] !== void 0
? arguments[1]
: { action: l ? 'muted' : 'unmuted', source: '' };
return (this.video.muted = l), { type: f, operation: n };
}
function t(l) {
return a.default.enabled
? (a.default.isFullscreen ? a.default.exit() : a.default.request(this.rootElement),
{ type: f, operation: { action: 'toggle-fullscreen', source: '' } })
: { type: S, isFullscreen: !l.isFullscreen };
}
},
xFFL: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = a(e('kXlQ')),
C = a(e('q+t5')),
N = a(e('rsAN')),
y = a(e('GuGs')),
E = e('tJTW'),
p = {
player: h.default.object,
mouseTime: h.default.object,
actions: h.default.object,
className: h.default.string,
},
o = (function(t) {
(0, s.default)(l, t);
function l(n, i) {
var c;
return (
(0, f.default)(this, l),
(c = (0, M.default)(this, (0, T.default)(l).call(this, n, i))),
(c.getPercent = c.getPercent.bind((0, u.default)(c))),
(c.getNewTime = c.getNewTime.bind((0, u.default)(c))),
(c.stepForward = c.stepForward.bind((0, u.default)(c))),
(c.stepBack = c.stepBack.bind((0, u.default)(c))),
(c.handleMouseDown = c.handleMouseDown.bind((0, u.default)(c))),
(c.handleMouseMove = c.handleMouseMove.bind((0, u.default)(c))),
(c.handleMouseUp = c.handleMouseUp.bind((0, u.default)(c))),
c
);
}
return (
(0, S.default)(l, [
{ key: 'componentDidMount', value: function() {} },
{ key: 'componentDidUpdate', value: function() {} },
{
key: 'getPercent',
value: function() {
var i = this.props.player,
c = i.currentTime,
R = i.seekingTime,
b = i.duration,
O = R || c,
I = O / b;
return I >= 1 ? 1 : I;
},
},
{
key: 'getNewTime',
value: function(i) {
var c = this.props.player.duration,
R = this.slider.calculateDistance(i),
b = R * c;
return b === c ? b - 0.1 : b;
},
},
{ key: 'handleMouseDown', value: function() {} },
{
key: 'handleMouseUp',
value: function(i) {
var c = this.props.actions,
R = this.getNewTime(i);
c.seek(R), c.handleEndSeeking(R);
},
},
{
key: 'handleMouseMove',
value: function(i) {
var c = this.props.actions,
R = this.getNewTime(i);
c.handleSeekingTime(R);
},
},
{
key: 'stepForward',
value: function() {
var i = this.props.actions;
i.forward(5);
},
},
{
key: 'stepBack',
value: function() {
var i = this.props.actions;
i.replay(5);
},
},
{
key: 'render',
value: function() {
var i = this,
c = this.props,
R = c.player,
b = R.currentTime,
O = R.seekingTime,
I = R.duration,
j = R.buffered,
L = c.mouseTime,
V = O || b;
return d.default.createElement(
m.default,
{
ref: function(k) {
i.slider = k;
},
label: 'video progress bar',
className: (0, g.default)(
'video-react-progress-holder',
this.props.className,
),
valuenow: (this.getPercent() * 100).toFixed(2),
valuetext: (0, E.formatTime)(V, I),
onMouseDown: this.handleMouseDown,
onMouseMove: this.handleMouseMove,
onMouseUp: this.handleMouseUp,
getPercent: this.getPercent,
stepForward: this.stepForward,
stepBack: this.stepBack,
},
d.default.createElement(N.default, {
buffered: j,
currentTime: V,
duration: I,
}),
d.default.createElement(y.default, { duration: I, mouseTime: L }),
d.default.createElement(C.default, { currentTime: V, duration: I }),
);
},
},
]),
l
);
})(d.Component);
(r.default = o), (o.propTypes = p), (o.displayName = 'SeekBar');
},
yYHT: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = a(e('U3K2')),
C = {
player: h.default.object,
actions: h.default.object,
className: h.default.string,
offMenuText: h.default.string,
showOffMenu: h.default.bool,
kinds: h.default.array,
},
N = { offMenuText: 'Off', showOffMenu: !0, kinds: ['captions', 'subtitles'] },
y = (function(p) {
(0, s.default)(o, p);
function o(t, l) {
var n;
return (
(0, f.default)(this, o),
(n = (0, M.default)(this, (0, T.default)(o).call(this, t, l))),
(n.getTextTrackItems = n.getTextTrackItems.bind((0, u.default)(n))),
(n.updateState = n.updateState.bind((0, u.default)(n))),
(n.handleSelectItem = n.handleSelectItem.bind((0, u.default)(n))),
(n.state = n.getTextTrackItems()),
n
);
}
return (
(0, S.default)(o, [
{
key: 'componentDidUpdate',
value: function() {
this.updateState();
},
},
{
key: 'getTextTrackItems',
value: function() {
var l = this.props,
n = l.kinds,
i = l.player,
c = l.offMenuText,
R = l.showOffMenu,
b = i.textTracks,
O = i.activeTextTrack,
I = { items: [], selectedIndex: 0 },
j = Array.from(b || []);
return (
j.length === 0 ||
(R && I.items.push({ label: c || 'Off', value: null }),
j.forEach(function(L) {
if (n.length && !n.includes(L.kind)) return;
I.items.push({ label: L.label, value: L.language });
}),
(I.selectedIndex = I.items.findIndex(function(L) {
return O && O.language === L.value;
})),
I.selectedIndex === -1 && (I.selectedIndex = 0)),
I
);
},
},
{
key: 'updateState',
value: function() {
var l = this.getTextTrackItems();
(l.selectedIndex !== this.state.selectedIndex ||
!this.textTrackItemsAreEqual(l.items, this.state.items)) &&
this.setState(l);
},
},
{
key: 'textTrackItemsAreEqual',
value: function(l, n) {
if (l.length !== n.length) return !1;
for (var i = 0; i < l.length; i++)
if (!n[i] || l[i].label !== n[i].label || l[i].value !== n[i].value) return !1;
return !0;
},
},
{
key: 'handleSelectItem',
value: function(l) {
var n = this.props,
i = n.player,
c = n.actions,
R = n.showOffMenu,
b = i.textTracks;
Array.from(b).forEach(function(O, I) {
l === (R ? I + 1 : I)
? ((O.mode = 'showing'), c.activateTextTrack(O))
: (O.mode = 'hidden');
});
},
},
{
key: 'render',
value: function() {
var l = this.state,
n = l.items,
i = l.selectedIndex;
return d.default.createElement(
m.default,
{
className: (0, g.default)('video-react-closed-caption', this.props.className),
onSelectItem: this.handleSelectItem,
items: n,
selectedIndex: i,
},
d.default.createElement(
'span',
{ className: 'video-react-control-text' },
'Closed Caption',
),
);
},
},
]),
o
);
})(d.Component);
(y.propTypes = C), (y.defaultProps = N), (y.displayName = 'ClosedCaptionButton');
var E = y;
r.default = E;
},
zFvY: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('lwsE')),
S = a(e('W8MJ')),
M = a(e('a1gu')),
T = a(e('Nsbk')),
u = a(e('PJYZ')),
s = a(e('7W2i')),
h = a(e('17x9')),
d = v(e('q1tI')),
g = a(e('TSYQ')),
m = { manager: h.default.object, className: h.default.string },
C = (function(N) {
(0, s.default)(y, N);
function y(E, p) {
var o;
return (
(0, f.default)(this, y),
(o = (0, M.default)(this, (0, T.default)(y).call(this, E, p))),
(o.timer = null),
E.manager.subscribeToOperationStateChange(
o.handleStateChange.bind((0, u.default)(o)),
),
(o.state = { hidden: !0, operation: {} }),
o
);
}
return (
(0, S.default)(y, [
{
key: 'handleStateChange',
value: function(p, o) {
var t = this;
p.count !== o.count &&
p.operation.source === 'shortcut' &&
(this.timer && (clearTimeout(this.timer), (this.timer = null)),
this.setState({ hidden: !1, count: p.count, operation: p.operation }),
(this.timer = setTimeout(function() {
t.setState({ hidden: !0 }), (t.timer = null);
}, 500)));
},
},
{
key: 'render',
value: function() {
if (this.state.operation.source !== 'shortcut') return null;
var p = this.state.hidden ? { display: 'none' } : null;
return d.default.createElement(
'div',
{
className: (0, g.default)(
{
'video-react-bezel': !0,
'video-react-bezel-animation': this.state.count % 2 === 0,
'video-react-bezel-animation-alt': this.state.count % 2 === 1,
},
this.props.className,
),
style: p,
role: 'status',
'aria-label': this.state.operation.action,
},
d.default.createElement('div', {
className: (0, g.default)(
'video-react-bezel-icon',
'video-react-bezel-icon-'.concat(this.state.operation.action),
),
}),
);
},
},
]),
y
);
})(d.Component);
(r.default = C), (C.propTypes = m), (C.displayName = 'Bezel');
},
zHIc: function(A, r, e) {
'use strict';
var v = e('284h'),
a = e('TqRt');
Object.defineProperty(r, '__esModule', { value: !0 }), (r.default = void 0);
var f = a(e('pVnL')),
S = a(e('lwsE')),
M = a(e('W8MJ')),
T = a(e('a1gu')),
u = a(e('Nsbk')),
s = a(e('PJYZ')),
h = a(e('7W2i')),
d = a(e('17x9')),
g = v(e('q1tI')),
m = a(e('TSYQ')),
C = v(e('EVUy')),
N = a(e('xFFL')),
y = { player: d.default.object, className: d.default.string },
E = (function(p) {
(0, h.default)(o, p);
function o(t, l) {
var n;
return (
(0, S.default)(this, o),
(n = (0, T.default)(this, (0, u.default)(o).call(this, t, l))),
(n.state = { mouseTime: { time: null, position: 0 } }),
(n.handleMouseMoveThrottle = n.handleMouseMove.bind((0, s.default)(n))),
n
);
}
return (
(0, M.default)(o, [
{
key: 'handleMouseMove',
value: function(l) {
if (!l.pageX) return;
var n = this.props.player.duration,
i = this.seekBar,
c = C.getPointerPosition(i, l).x * n,
R = l.pageX - C.findElPosition(i).left;
this.setState({ mouseTime: { time: c, position: R } });
},
},
{
key: 'render',
value: function() {
var l = this,
n = this.props.className;
return g.default.createElement(
'div',
{
onMouseMove: this.handleMouseMoveThrottle,
className: (0, m.default)(
'video-react-progress-control video-react-control',
n,
),
},
g.default.createElement(
N.default,
(0, f.default)(
{
mouseTime: this.state.mouseTime,
ref: function(c) {
l.seekBar = c;
},
},
this.props,
),
),
);
},
},
]),
o
);
})(g.Component);
(r.default = E), (E.propTypes = y), (E.displayName = 'ProgressControl');
},
},
]);
//# sourceMappingURL=3.js.map