@instructure/studio-player 0.2.6 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/studio-player.es.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import './index-aLp7_0kW.css';var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { jsx as t, jsxs as s, Fragment as
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as q, Spinner as
|
|
7
|
-
import { initReactI18next as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { useFloating as
|
|
11
|
-
const
|
|
1
|
+
import './index-aLp7_0kW.css';var ze = Object.defineProperty;
|
|
2
|
+
var Ke = (e, n, o) => n in e ? ze(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var x = (e, n, o) => Ke(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
|
+
import { jsx as t, jsxs as s, Fragment as ee } from "react/jsx-runtime";
|
|
5
|
+
import { createContext as te, useContext as P, useState as M, useCallback as p, useEffect as E, useMemo as Z, useRef as ve } from "react";
|
|
6
|
+
import { useMediaPlayer as q, Spinner as Y, useMediaRemote as W, useMediaState as _, isTrackCaptionKind as De, Track as je, Captions as Ue, usePlaybackRateOptions as qe, useCaptionOptions as We, useVideoQualityOptions as Ge, useMediaStore as be, FullscreenButton as Ce, PlayButton as Qe, Poster as Ye, Time as re, TimeSlider as A, MuteButton as Je, VolumeSlider as D, MediaPlayer as Xe, MediaProvider as et } from "@vidstack/react";
|
|
7
|
+
import { initReactI18next as tt, useTranslation as g } from "react-i18next";
|
|
8
|
+
import nt from "i18next";
|
|
9
|
+
import ot from "i18next-resources-to-backend";
|
|
10
|
+
import { useFloating as ge, autoUpdate as ke, flip as ye, arrow as we, useDismiss as Le, useInteractions as Pe, FloatingFocusManager as it, FloatingArrow as Ne, shift as at, offset as st } from "@floating-ui/react";
|
|
11
|
+
const ct = (e, n, o) => {
|
|
12
12
|
const i = e[n];
|
|
13
13
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
|
|
14
14
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -21,9 +21,9 @@ const it = (e, n, o) => {
|
|
|
21
21
|
);
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
(e) =>
|
|
24
|
+
nt.use(tt).use(
|
|
25
|
+
ot(
|
|
26
|
+
(e) => ct(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DRnzP2ly.js"), "./locales/kl.json": () => import("./kl-DAr1HilW.js") }), `./locales/${e}.json`, 3)
|
|
27
27
|
)
|
|
28
28
|
).init({
|
|
29
29
|
fallbackLng: "en",
|
|
@@ -34,23 +34,23 @@ Xe.use(Je).use(
|
|
|
34
34
|
escapeValue: !1
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
const
|
|
38
|
-
function
|
|
37
|
+
const xe = te(null);
|
|
38
|
+
function lt({
|
|
39
39
|
children: e,
|
|
40
40
|
contextValue: n
|
|
41
41
|
}) {
|
|
42
|
-
return /* @__PURE__ */ t(
|
|
42
|
+
return /* @__PURE__ */ t(xe.Provider, { value: n, children: e });
|
|
43
43
|
}
|
|
44
|
-
function
|
|
45
|
-
const e =
|
|
44
|
+
function v() {
|
|
45
|
+
const e = P(xe);
|
|
46
46
|
if (!e)
|
|
47
47
|
throw new Error(
|
|
48
48
|
"useStudioPlayerContext must be used within a StudioPlayerContextProvider"
|
|
49
49
|
);
|
|
50
50
|
return e;
|
|
51
51
|
}
|
|
52
|
-
const
|
|
53
|
-
function
|
|
52
|
+
const Me = te(null);
|
|
53
|
+
function rt({
|
|
54
54
|
hideFullScreen: e,
|
|
55
55
|
comments: n,
|
|
56
56
|
annotations: o,
|
|
@@ -58,13 +58,14 @@ function st({
|
|
|
58
58
|
interactive: a,
|
|
59
59
|
onAnnotationClick: c,
|
|
60
60
|
onQuizMarkerClick: l,
|
|
61
|
-
onInteractivePinClick:
|
|
62
|
-
interactiveMenuElements:
|
|
63
|
-
darkMode:
|
|
61
|
+
onInteractivePinClick: u,
|
|
62
|
+
interactiveMenuElements: m,
|
|
63
|
+
darkMode: h,
|
|
64
64
|
children: b,
|
|
65
|
-
forceComments:
|
|
65
|
+
forceComments: w,
|
|
66
|
+
disableCaptionSettings: y
|
|
66
67
|
}) {
|
|
67
|
-
const
|
|
68
|
+
const C = {
|
|
68
69
|
hideFullScreen: e,
|
|
69
70
|
comments: n,
|
|
70
71
|
annotations: o,
|
|
@@ -72,82 +73,83 @@ function st({
|
|
|
72
73
|
interactive: a,
|
|
73
74
|
onAnnotationClick: c,
|
|
74
75
|
onQuizMarkerClick: l,
|
|
75
|
-
onInteractivePinClick:
|
|
76
|
-
interactiveMenuElements:
|
|
77
|
-
darkMode:
|
|
76
|
+
onInteractivePinClick: u,
|
|
77
|
+
interactiveMenuElements: m,
|
|
78
|
+
darkMode: h,
|
|
78
79
|
hasComments: n.length > 0,
|
|
79
80
|
hasAnnotations: o.length > 0,
|
|
80
81
|
hasQuizmarkers: i.length > 0,
|
|
81
|
-
forceComments:
|
|
82
|
+
forceComments: w,
|
|
83
|
+
disableCaptionSettings: y
|
|
82
84
|
};
|
|
83
|
-
return /* @__PURE__ */ t(
|
|
85
|
+
return /* @__PURE__ */ t(Me.Provider, { value: C, children: b });
|
|
84
86
|
}
|
|
85
|
-
function
|
|
86
|
-
const e =
|
|
87
|
+
function S() {
|
|
88
|
+
const e = P(Me);
|
|
87
89
|
if (!e)
|
|
88
90
|
throw new Error(
|
|
89
91
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
90
92
|
);
|
|
91
93
|
return e;
|
|
92
94
|
}
|
|
93
|
-
const
|
|
95
|
+
const ut = "_annotation-overlay_1kxzn_1", dt = {
|
|
94
96
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
95
|
-
annotationOverlay:
|
|
96
|
-
},
|
|
97
|
+
annotationOverlay: ut
|
|
98
|
+
}, ue = 0.25, mt = (e, n) => {
|
|
97
99
|
let o = !1;
|
|
98
100
|
return (i) => {
|
|
99
101
|
const a = i.detail.currentTime;
|
|
100
|
-
a >= e.time && a < e.time +
|
|
102
|
+
a >= e.time && a < e.time + ue && !o && (o = !0, n(e)), (a < e.time || a >= e.time + ue) && o && (o = !1);
|
|
101
103
|
};
|
|
102
104
|
};
|
|
103
|
-
function
|
|
104
|
-
const n = q(), o =
|
|
105
|
+
function ht({ annotations: e }) {
|
|
106
|
+
const n = q(), o = v(), i = S(), [a, c] = M(
|
|
105
107
|
null
|
|
106
|
-
), l =
|
|
107
|
-
(
|
|
108
|
-
n == null || n.pause(), i.interactive || o.disableInteractions(), c(
|
|
108
|
+
), l = p(
|
|
109
|
+
(m) => {
|
|
110
|
+
n == null || n.pause(), i.interactive || o.disableInteractions(), c(m);
|
|
109
111
|
},
|
|
110
112
|
[n, o]
|
|
111
|
-
),
|
|
113
|
+
), u = () => {
|
|
112
114
|
i.interactive || (n == null || n.play(), o.enableInteractions()), c(null);
|
|
113
115
|
};
|
|
114
|
-
return
|
|
116
|
+
return E(() => {
|
|
115
117
|
if (!n)
|
|
116
118
|
return;
|
|
117
|
-
const
|
|
118
|
-
for (const
|
|
119
|
-
const b =
|
|
120
|
-
n.addEventListener("time-update", b),
|
|
119
|
+
const m = [];
|
|
120
|
+
for (const h of e) {
|
|
121
|
+
const b = mt(h, l);
|
|
122
|
+
n.addEventListener("time-update", b), m.push(b);
|
|
121
123
|
}
|
|
122
124
|
if (a) {
|
|
123
|
-
const
|
|
125
|
+
const h = e.find(
|
|
124
126
|
(b) => b.id === a.id
|
|
125
127
|
);
|
|
126
|
-
|
|
128
|
+
h ? c(h) : (c(null), o.enableInteractions());
|
|
127
129
|
}
|
|
128
130
|
return () => {
|
|
129
|
-
for (const
|
|
130
|
-
n.removeEventListener("time-update",
|
|
131
|
+
for (const h of m)
|
|
132
|
+
n.removeEventListener("time-update", h);
|
|
131
133
|
};
|
|
132
|
-
}, [n, e]), a ? /* @__PURE__ */ t("div", { className:
|
|
134
|
+
}, [n, e]), a ? /* @__PURE__ */ t("div", { className: dt.annotationOverlay, children: a.render(u) }) : null;
|
|
133
135
|
}
|
|
134
|
-
const
|
|
136
|
+
const pt = "_media-buffering-indicator_1fwjr_1", _t = "_media-buffering-spinner_1fwjr_17", ft = "_media-buffering-spin_1fwjr_17", vt = "_media-buffering-track_1fwjr_22", bt = "_media-buffering-track-fill_1fwjr_27", j = {
|
|
135
137
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
136
|
-
mediaBufferingIndicator:
|
|
138
|
+
mediaBufferingIndicator: pt,
|
|
137
139
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
138
|
-
mediaBufferingSpinner:
|
|
140
|
+
mediaBufferingSpinner: _t,
|
|
139
141
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
140
|
-
mediaBufferingSpin:
|
|
142
|
+
mediaBufferingSpin: ft,
|
|
141
143
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
142
|
-
mediaBufferingTrack:
|
|
144
|
+
mediaBufferingTrack: vt,
|
|
143
145
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
144
|
-
mediaBufferingTrackFill:
|
|
146
|
+
mediaBufferingTrackFill: bt
|
|
145
147
|
};
|
|
146
|
-
function
|
|
147
|
-
return /* @__PURE__ */ t("div", { className: j.mediaBufferingIndicator, children: /* @__PURE__ */ s(
|
|
148
|
-
/* @__PURE__ */ t(
|
|
148
|
+
function Ct() {
|
|
149
|
+
return /* @__PURE__ */ t("div", { className: j.mediaBufferingIndicator, children: /* @__PURE__ */ s(Y.Root, { className: j.mediaBufferingSpinner, size: 96, children: [
|
|
150
|
+
/* @__PURE__ */ t(Y.Track, { className: j.mediaBufferingTrack, width: 8 }),
|
|
149
151
|
/* @__PURE__ */ t(
|
|
150
|
-
|
|
152
|
+
Y.TrackFill,
|
|
151
153
|
{
|
|
152
154
|
className: j.mediaBufferingTrackFill,
|
|
153
155
|
width: 8
|
|
@@ -155,15 +157,15 @@ function ft() {
|
|
|
155
157
|
)
|
|
156
158
|
] }) });
|
|
157
159
|
}
|
|
158
|
-
const
|
|
160
|
+
const Te = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
159
161
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
160
162
|
/* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 21.8125V2.3125C22.5 1.9 22.1625 1.5625 21.75 1.5625H2.25C1.8375 1.5625 1.5 1.9 1.5 2.3125V21.8125C1.5 22.225 1.8375 22.5625 2.25 22.5625H21.75C22.1625 22.5625 22.5 22.225 22.5 21.8125ZM21.75 0.0625C22.9905 0.0625 24 1.072 24 2.3125V21.8125C24 23.053 22.9905 24.0625 21.75 24.0625H2.25C1.0095 24.0625 0 23.053 0 21.8125V2.3125C0 1.072 1.0095 0.0625 2.25 0.0625H21.75ZM10.744 10.6709H8.74403V10.0042H6.07736V14.0042H8.74403V13.3375H10.744V14.6709C10.744 15.4042 10.144 16.0042 9.41069 16.0042H5.41069C4.67736 16.0042 4.07736 15.4042 4.07736 14.6709V9.33753C4.07736 8.6042 4.67736 8.0042 5.41069 8.0042H9.41069C10.144 8.0042 10.744 8.6042 10.744 9.33753V10.6709ZM19.8065 10.6709H17.8065V10.0042H15.1399V14.0042H17.8065V13.3375H19.8065V14.6709C19.8065 15.4042 19.2065 16.0042 18.4732 16.0042H14.4732C13.7399 16.0042 13.1399 15.4042 13.1399 14.6709V9.33753C13.1399 8.6042 13.7399 8.0042 14.4732 8.0042H18.4732C19.2065 8.0042 19.8065 8.6042 19.8065 9.33753V10.6709Z", fill: "currentColor" }) })
|
|
161
|
-
] }),
|
|
163
|
+
] }), Ie = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
162
164
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
163
165
|
/* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
|
|
164
166
|
] });
|
|
165
|
-
function
|
|
166
|
-
const e = W(), n =
|
|
167
|
+
function gt() {
|
|
168
|
+
const e = W(), n = _("textTrack"), o = _("hasCaptions"), i = n && De(n), a = v(), c = p(
|
|
167
169
|
(l) => {
|
|
168
170
|
e.toggleCaptions(l.nativeEvent);
|
|
169
171
|
},
|
|
@@ -177,18 +179,18 @@ function vt() {
|
|
|
177
179
|
onClick: c,
|
|
178
180
|
"aria-label": "Captions",
|
|
179
181
|
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
180
|
-
children: i ? /* @__PURE__ */ t(
|
|
182
|
+
children: i ? /* @__PURE__ */ t(Ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Te, { className: "controls-button-icon" })
|
|
181
183
|
}
|
|
182
184
|
) : null;
|
|
183
185
|
}
|
|
184
|
-
const
|
|
185
|
-
captions:
|
|
186
|
+
const kt = "_captions_13epz_1", yt = {
|
|
187
|
+
captions: kt
|
|
186
188
|
};
|
|
187
|
-
function
|
|
188
|
-
const n =
|
|
189
|
-
return /* @__PURE__ */ s(
|
|
189
|
+
function wt({ captions: e }) {
|
|
190
|
+
const n = _("hasCaptions"), o = v();
|
|
191
|
+
return /* @__PURE__ */ s(ee, { children: [
|
|
190
192
|
e.map((i) => /* @__PURE__ */ t(
|
|
191
|
-
|
|
193
|
+
je,
|
|
192
194
|
{
|
|
193
195
|
kind: "subtitles",
|
|
194
196
|
type: i.type,
|
|
@@ -208,13 +210,13 @@ function gt({ captions: e }) {
|
|
|
208
210
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
209
211
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
210
212
|
},
|
|
211
|
-
children: /* @__PURE__ */ t(
|
|
213
|
+
children: /* @__PURE__ */ t(Ue, { className: yt.captions })
|
|
212
214
|
}
|
|
213
215
|
) : null
|
|
214
216
|
] });
|
|
215
217
|
}
|
|
216
|
-
const
|
|
217
|
-
const [, n] =
|
|
218
|
+
const B = [0.5, 0.75, 1, 1.25, 1.5, 2], Lt = [0.5, 1, 2, 3, 4], Se = 5, Pt = (e) => {
|
|
219
|
+
const [, n] = M({});
|
|
218
220
|
return Z(() => {
|
|
219
221
|
let o = [];
|
|
220
222
|
return {
|
|
@@ -232,20 +234,20 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], kt = [0.5, 1, 2, 3, 4], Te = 5, yt = (e)
|
|
|
232
234
|
}
|
|
233
235
|
};
|
|
234
236
|
}, []);
|
|
235
|
-
},
|
|
237
|
+
}, Nt = (e, n, o) => {
|
|
236
238
|
let i = !1;
|
|
237
239
|
return (a) => {
|
|
238
240
|
const c = a.detail.currentTime;
|
|
239
241
|
c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
|
|
240
242
|
};
|
|
241
|
-
},
|
|
242
|
-
const o = q(), i =
|
|
243
|
-
return
|
|
243
|
+
}, xt = (e, n = 5) => {
|
|
244
|
+
const o = q(), i = Pt(n);
|
|
245
|
+
return E(() => {
|
|
244
246
|
if (!o)
|
|
245
247
|
return;
|
|
246
248
|
const a = [];
|
|
247
249
|
for (const c of e) {
|
|
248
|
-
const l =
|
|
250
|
+
const l = Nt(c, Se, i);
|
|
249
251
|
a.push(l), o.addEventListener("time-update", l);
|
|
250
252
|
}
|
|
251
253
|
return o.dispatchEvent(
|
|
@@ -258,99 +260,103 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], kt = [0.5, 1, 2, 3, 4], Te = 5, yt = (e)
|
|
|
258
260
|
i.clear();
|
|
259
261
|
};
|
|
260
262
|
}, [o, i, e]), i;
|
|
261
|
-
},
|
|
263
|
+
}, Mt = "_comments-overlay_agbjl_1", Tt = "_comments-container_agbjl_9", It = "_comment_agbjl_1", St = "_comment-text_agbjl_44", Ht = "_comment-author-avatar_agbjl_67", Vt = "_comment-author-name_agbjl_86", R = {
|
|
262
264
|
"comments-overlay": "_comments-overlay_agbjl_1",
|
|
263
|
-
commentsOverlay:
|
|
265
|
+
commentsOverlay: Mt,
|
|
264
266
|
"comments-container": "_comments-container_agbjl_9",
|
|
265
|
-
commentsContainer:
|
|
266
|
-
comment:
|
|
267
|
+
commentsContainer: Tt,
|
|
268
|
+
comment: It,
|
|
267
269
|
"comment-text": "_comment-text_agbjl_44",
|
|
268
|
-
commentText:
|
|
270
|
+
commentText: St,
|
|
269
271
|
"comment-author-avatar": "_comment-author-avatar_agbjl_67",
|
|
270
|
-
commentAuthorAvatar:
|
|
272
|
+
commentAuthorAvatar: Ht,
|
|
271
273
|
"comment-author-name": "_comment-author-name_agbjl_86",
|
|
272
|
-
commentAuthorName:
|
|
274
|
+
commentAuthorName: Vt
|
|
273
275
|
};
|
|
274
|
-
function
|
|
275
|
-
return /* @__PURE__ */ s("div", { className:
|
|
276
|
+
function Bt({ comment: e }) {
|
|
277
|
+
return /* @__PURE__ */ s("div", { className: R.comment, onClick: e.onClick, children: [
|
|
276
278
|
/* @__PURE__ */ t(
|
|
277
279
|
"img",
|
|
278
280
|
{
|
|
279
|
-
className:
|
|
281
|
+
className: R.commentAuthorAvatar,
|
|
280
282
|
src: e.user.avatar,
|
|
281
283
|
alt: e.user.name
|
|
282
284
|
}
|
|
283
285
|
),
|
|
284
|
-
/* @__PURE__ */ t("span", { className:
|
|
285
|
-
/* @__PURE__ */ t("span", { className:
|
|
286
|
+
/* @__PURE__ */ t("span", { className: R.commentText, children: e.text }),
|
|
287
|
+
/* @__PURE__ */ t("span", { className: R.commentAuthorName, children: e.user.name })
|
|
286
288
|
] });
|
|
287
289
|
}
|
|
288
|
-
const
|
|
289
|
-
function
|
|
290
|
-
const n =
|
|
290
|
+
const Rt = 5;
|
|
291
|
+
function Et({ comments: e }) {
|
|
292
|
+
const n = v(), o = xt(e, Rt), i = !!_("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Bt, { comment: c }, c.id));
|
|
291
293
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
292
294
|
"div",
|
|
293
295
|
{
|
|
294
|
-
className:
|
|
296
|
+
className: R.commentsOverlay,
|
|
295
297
|
style: {
|
|
296
298
|
flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
|
|
297
299
|
},
|
|
298
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
300
|
+
children: /* @__PURE__ */ t("div", { className: R.commentsContainer, children: i ? a.slice(-4) : a })
|
|
299
301
|
}
|
|
300
302
|
) : null;
|
|
301
303
|
}
|
|
302
|
-
const
|
|
303
|
-
root:
|
|
304
|
+
const At = "_root_fph0z_1", Ot = "_left-controls_fph0z_28", Ft = "_right-controls_fph0z_34", Zt = "_indicators_fph0z_40", $t = "_normal-timeline_fph0z_49", zt = "_compact-timeline_fph0z_55", V = {
|
|
305
|
+
root: At,
|
|
304
306
|
"left-controls": "_left-controls_fph0z_28",
|
|
305
|
-
leftControls:
|
|
307
|
+
leftControls: Ot,
|
|
306
308
|
"right-controls": "_right-controls_fph0z_34",
|
|
307
|
-
rightControls:
|
|
308
|
-
indicators:
|
|
309
|
+
rightControls: Ft,
|
|
310
|
+
indicators: Zt,
|
|
309
311
|
"normal-timeline": "_normal-timeline_fph0z_49",
|
|
310
|
-
normalTimeline:
|
|
312
|
+
normalTimeline: $t,
|
|
311
313
|
"compact-timeline": "_compact-timeline_fph0z_55",
|
|
312
|
-
compactTimeline:
|
|
314
|
+
compactTimeline: zt
|
|
313
315
|
};
|
|
314
|
-
function
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
316
|
+
function Kt({
|
|
317
|
+
darkMode: e,
|
|
318
|
+
playerRef: n,
|
|
319
|
+
showCaptionsButton: o = !0
|
|
320
|
+
}) {
|
|
321
|
+
const i = q();
|
|
322
|
+
return E(() => {
|
|
323
|
+
i && (i.remoteControl.pauseControls(), n && (n.current = i));
|
|
324
|
+
}, [i, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: V.root, children: [
|
|
325
|
+
/* @__PURE__ */ t(he, { className: V.normalTimeline }),
|
|
326
|
+
/* @__PURE__ */ s("div", { className: V.leftControls, children: [
|
|
327
|
+
/* @__PURE__ */ t(ro, {}),
|
|
328
|
+
/* @__PURE__ */ t(hi, {})
|
|
323
329
|
] }),
|
|
324
|
-
/* @__PURE__ */ t("div", { className:
|
|
325
|
-
/* @__PURE__ */ t(
|
|
326
|
-
/* @__PURE__ */ s("div", { className:
|
|
327
|
-
/* @__PURE__ */ t(
|
|
328
|
-
/* @__PURE__ */ t(
|
|
329
|
-
/* @__PURE__ */ t(
|
|
330
|
+
/* @__PURE__ */ t("div", { className: V.indicators, children: /* @__PURE__ */ t(wo, {}) }),
|
|
331
|
+
/* @__PURE__ */ t(he, { className: V.compactTimeline }),
|
|
332
|
+
/* @__PURE__ */ s("div", { className: V.rightControls, children: [
|
|
333
|
+
o && /* @__PURE__ */ t(gt, {}),
|
|
334
|
+
/* @__PURE__ */ t(Rn, {}),
|
|
335
|
+
/* @__PURE__ */ t(Yn, {})
|
|
330
336
|
] })
|
|
331
337
|
] });
|
|
332
338
|
}
|
|
333
|
-
const
|
|
339
|
+
const N = te(null), Dt = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), jt = "_menu-hint_k49ve_1", Ut = "_menu-button_k49ve_5", qt = "_menu-label_k49ve_37", Wt = "_menu-icon_k49ve_42", U = {
|
|
334
340
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
335
|
-
menuHint:
|
|
341
|
+
menuHint: jt,
|
|
336
342
|
"menu-button": "_menu-button_k49ve_5",
|
|
337
|
-
menuButton:
|
|
343
|
+
menuButton: Ut,
|
|
338
344
|
"menu-label": "_menu-label_k49ve_37",
|
|
339
|
-
menuLabel:
|
|
345
|
+
menuLabel: qt,
|
|
340
346
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
341
|
-
menuIcon:
|
|
347
|
+
menuIcon: Wt
|
|
342
348
|
};
|
|
343
349
|
function $({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
344
350
|
return /* @__PURE__ */ s("button", { type: "button", className: U.menuButton, onClick: o, children: [
|
|
345
351
|
i && /* @__PURE__ */ t(i, { className: U.menuIcon }),
|
|
346
352
|
/* @__PURE__ */ t("span", { className: U.menuLabel, children: e }),
|
|
347
353
|
/* @__PURE__ */ t("span", { className: U.menuHint, children: n }),
|
|
348
|
-
/* @__PURE__ */ t(
|
|
354
|
+
/* @__PURE__ */ t(Dt, {})
|
|
349
355
|
] });
|
|
350
356
|
}
|
|
351
|
-
const
|
|
352
|
-
function
|
|
353
|
-
const e =
|
|
357
|
+
const Gt = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.42229 2.82911C4.71149 1.83006 6.23876 1.19768 7.8383 1L7.96797 2.05432C6.55867 2.22862 5.21101 2.7866 4.07273 3.66874L3.42229 2.82911ZM5.44493 6.71393L9.49745 10.7665L17.0924 3.1705L17.8438 3.92297L9.49745 12.2693L4.69352 7.46534L5.44493 6.71393ZM17.932 8.83829C17.8618 8.27074 17.7364 7.70745 17.5589 7.16222L16.5482 7.49276C16.7055 7.97209 16.816 8.46843 16.8766 8.96689C16.917 9.29742 16.9372 9.6269 16.9372 9.96594C16.9372 10.305 16.917 10.6344 16.8777 10.9639C16.7033 12.3732 16.1454 13.7209 15.2632 14.8592L16.1029 15.5096C17.1019 14.2204 17.7343 12.6931 17.932 11.0925C17.9766 10.7205 18 10.3486 18 9.96594C18 9.58332 17.9766 9.21134 17.932 8.83829ZM1.05432 8.96795L0 8.83829C0.197684 7.23874 0.830061 5.71147 1.82911 4.42228L2.66874 5.07272C1.7866 6.211 1.22862 7.55865 1.05432 8.96795ZM0 11.0936C0.197684 12.6931 0.830061 14.2204 1.82911 15.5096L2.66874 14.8591C1.7866 13.7209 1.22862 12.3732 1.05432 10.9639L0 11.0936ZM10.0939 1.00011C11.6935 1.19673 13.2207 1.83017 14.5099 2.82922L13.8595 3.66884C12.7202 2.7867 11.3736 2.22872 9.96426 2.05442L10.0939 1.00011Z", fill: "currentColor" }) });
|
|
358
|
+
function Qt() {
|
|
359
|
+
const e = P(N), n = _("playbackRate"), { t: o } = g(), i = p(() => {
|
|
354
360
|
e && e.setPage("speed");
|
|
355
361
|
}, [e]);
|
|
356
362
|
return e ? /* @__PURE__ */ t(
|
|
@@ -359,12 +365,12 @@ function qt() {
|
|
|
359
365
|
label: o("PLAYBACK_SPEED"),
|
|
360
366
|
hint: `${n}x`,
|
|
361
367
|
onClick: i,
|
|
362
|
-
Icon:
|
|
368
|
+
Icon: Gt
|
|
363
369
|
}
|
|
364
370
|
) : null;
|
|
365
371
|
}
|
|
366
|
-
function
|
|
367
|
-
const e =
|
|
372
|
+
function Yt() {
|
|
373
|
+
const e = P(N), n = _("hasCaptions"), o = _("textTrack"), { t: i } = g(), a = p(() => {
|
|
368
374
|
e && e.setPage("captions");
|
|
369
375
|
}, [e]);
|
|
370
376
|
return e && n ? /* @__PURE__ */ t(
|
|
@@ -373,11 +379,11 @@ function Wt() {
|
|
|
373
379
|
label: i("CAPTIONS"),
|
|
374
380
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
375
381
|
onClick: a,
|
|
376
|
-
Icon:
|
|
382
|
+
Icon: Te
|
|
377
383
|
}
|
|
378
384
|
) : null;
|
|
379
385
|
}
|
|
380
|
-
const
|
|
386
|
+
const Jt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
381
387
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
382
388
|
/* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
383
389
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.46326 3.85039H0V2.65039H2.46326C2.7388 1.36449 3.88181 0.400391 5.24999 0.400391C6.61818 0.400391 7.76119 1.36449 8.03673 2.65039H18V3.85039H8.03673C7.76119 5.13629 6.61818 6.10039 5.24999 6.10039C3.88181 6.10039 2.7388 5.13629 2.46326 3.85039ZM3.59999 3.25039C3.59999 2.33912 4.33872 1.60039 5.24999 1.60039C6.16126 1.60039 6.89999 2.33912 6.89999 3.25039C6.89999 4.16166 6.16126 4.90039 5.24999 4.90039C4.33872 4.90039 3.59999 4.16166 3.59999 3.25039Z", fill: "currentColor" }),
|
|
@@ -385,8 +391,8 @@ const Gt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0
|
|
|
385
391
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
|
|
386
392
|
] })
|
|
387
393
|
] });
|
|
388
|
-
function
|
|
389
|
-
const e =
|
|
394
|
+
function Xt() {
|
|
395
|
+
const e = P(N), n = _("autoQuality"), o = _("quality"), { t: i } = g(), a = p(() => {
|
|
390
396
|
e && e.setPage("quality");
|
|
391
397
|
}, [e]);
|
|
392
398
|
return e && o ? /* @__PURE__ */ t(
|
|
@@ -395,31 +401,31 @@ function Qt() {
|
|
|
395
401
|
label: i("QUALITY"),
|
|
396
402
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
397
403
|
onClick: a,
|
|
398
|
-
Icon:
|
|
404
|
+
Icon: Jt
|
|
399
405
|
}
|
|
400
406
|
) : null;
|
|
401
407
|
}
|
|
402
|
-
const
|
|
408
|
+
const en = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), tn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 9.64706,12 4,17.64706 6.35293,20 12,14.35293 17.64706,20 20,17.64706 14.35293,12 20,6.35293 17.64706,4 12,9.64706 6.35293,4 4,6.35293 Z", fill: "currentColor" }) }), nn = "_switch-track_vptv3_1", on = "_switch-thumb_vptv3_11", an = "_switch-icon_vptv3_25", sn = "_switch-body_vptv3_31", cn = "_switch-label_vptv3_68", ln = "_menu-icon_vptv3_72", I = {
|
|
403
409
|
"switch-track": "_switch-track_vptv3_1",
|
|
404
|
-
switchTrack:
|
|
410
|
+
switchTrack: nn,
|
|
405
411
|
"switch-thumb": "_switch-thumb_vptv3_11",
|
|
406
|
-
switchThumb:
|
|
412
|
+
switchThumb: on,
|
|
407
413
|
"switch-icon": "_switch-icon_vptv3_25",
|
|
408
|
-
switchIcon:
|
|
414
|
+
switchIcon: an,
|
|
409
415
|
"switch-body": "_switch-body_vptv3_31",
|
|
410
|
-
switchBody:
|
|
416
|
+
switchBody: sn,
|
|
411
417
|
"switch-label": "_switch-label_vptv3_68",
|
|
412
|
-
switchLabel:
|
|
418
|
+
switchLabel: cn,
|
|
413
419
|
"menu-icon": "_menu-icon_vptv3_72",
|
|
414
|
-
menuIcon:
|
|
420
|
+
menuIcon: ln
|
|
415
421
|
};
|
|
416
|
-
function
|
|
422
|
+
function ne({
|
|
417
423
|
label: e,
|
|
418
424
|
checked: n = !1,
|
|
419
425
|
onClick: o,
|
|
420
426
|
Icon: i
|
|
421
427
|
}) {
|
|
422
|
-
const a =
|
|
428
|
+
const a = p(
|
|
423
429
|
(c) => {
|
|
424
430
|
(c.key === "Enter" || c.key === " ") && (o == null || o());
|
|
425
431
|
},
|
|
@@ -428,35 +434,35 @@ function te({
|
|
|
428
434
|
return /* @__PURE__ */ s(
|
|
429
435
|
"div",
|
|
430
436
|
{
|
|
431
|
-
className:
|
|
437
|
+
className: I.switchBody,
|
|
432
438
|
role: "menuitemcheckbox",
|
|
433
439
|
"aria-checked": n,
|
|
434
440
|
onClick: o,
|
|
435
441
|
onKeyDown: a,
|
|
436
442
|
tabIndex: 0,
|
|
437
443
|
children: [
|
|
438
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
439
|
-
/* @__PURE__ */ t("span", { className:
|
|
440
|
-
/* @__PURE__ */ t("div", { className:
|
|
444
|
+
i && /* @__PURE__ */ t(i, { className: I.menuIcon }),
|
|
445
|
+
/* @__PURE__ */ t("span", { className: I.switchLabel, children: e }),
|
|
446
|
+
/* @__PURE__ */ t("div", { className: I.switchTrack, children: /* @__PURE__ */ t("div", { className: I.switchThumb, children: n ? /* @__PURE__ */ t(en, { className: I.switchIcon }) : /* @__PURE__ */ t(tn, { className: I.switchIcon }) }) })
|
|
441
447
|
]
|
|
442
448
|
}
|
|
443
449
|
);
|
|
444
450
|
}
|
|
445
|
-
const
|
|
446
|
-
function
|
|
447
|
-
const { t: e } =
|
|
451
|
+
const rn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
|
|
452
|
+
function un() {
|
|
453
|
+
const { t: e } = g(), n = S(), o = v();
|
|
448
454
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
449
|
-
|
|
455
|
+
ne,
|
|
450
456
|
{
|
|
451
|
-
Icon:
|
|
457
|
+
Icon: rn,
|
|
452
458
|
label: e("COMMENTS"),
|
|
453
459
|
onClick: o.toggleComments,
|
|
454
460
|
checked: o.state.commentsEnabled
|
|
455
461
|
}
|
|
456
462
|
) : null;
|
|
457
463
|
}
|
|
458
|
-
function
|
|
459
|
-
|
|
464
|
+
function H(e) {
|
|
465
|
+
E(() => {
|
|
460
466
|
const n = (o) => {
|
|
461
467
|
o.key === "Escape" && (e == null || e());
|
|
462
468
|
};
|
|
@@ -465,41 +471,41 @@ function I(e) {
|
|
|
465
471
|
};
|
|
466
472
|
}, []);
|
|
467
473
|
}
|
|
468
|
-
const
|
|
474
|
+
const dn = "_main-menu_7h96l_1", mn = {
|
|
469
475
|
"main-menu": "_main-menu_7h96l_1",
|
|
470
|
-
mainMenu:
|
|
476
|
+
mainMenu: dn
|
|
471
477
|
};
|
|
472
|
-
function
|
|
473
|
-
const e =
|
|
474
|
-
return
|
|
475
|
-
/* @__PURE__ */ t(
|
|
476
|
-
/* @__PURE__ */ t(
|
|
477
|
-
/* @__PURE__ */ t(
|
|
478
|
-
/* @__PURE__ */ t(
|
|
478
|
+
function hn() {
|
|
479
|
+
const e = P(N);
|
|
480
|
+
return H(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className: mn.mainMenu, children: [
|
|
481
|
+
/* @__PURE__ */ t(Qt, {}),
|
|
482
|
+
/* @__PURE__ */ t(Yt, {}),
|
|
483
|
+
/* @__PURE__ */ t(un, {}),
|
|
484
|
+
/* @__PURE__ */ t(Xt, {})
|
|
479
485
|
] });
|
|
480
486
|
}
|
|
481
|
-
const G = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }),
|
|
487
|
+
const G = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), pn = "_menu-container_1bjr3_1", _n = "_menu-options_1bjr3_6", fn = "_menu-heading_1bjr3_11", vn = "_check-icon_1bjr3_27", bn = "_menu-item-label_1bjr3_33", Cn = "_menu-item_1bjr3_33", gn = "_menu-back-button_1bjr3_66", r = {
|
|
482
488
|
"menu-container": "_menu-container_1bjr3_1",
|
|
483
|
-
menuContainer:
|
|
489
|
+
menuContainer: pn,
|
|
484
490
|
"menu-options": "_menu-options_1bjr3_6",
|
|
485
|
-
menuOptions:
|
|
491
|
+
menuOptions: _n,
|
|
486
492
|
"menu-heading": "_menu-heading_1bjr3_11",
|
|
487
|
-
menuHeading:
|
|
493
|
+
menuHeading: fn,
|
|
488
494
|
"check-icon": "_check-icon_1bjr3_27",
|
|
489
|
-
checkIcon:
|
|
495
|
+
checkIcon: vn,
|
|
490
496
|
"menu-item-label": "_menu-item-label_1bjr3_33",
|
|
491
|
-
menuItemLabel:
|
|
497
|
+
menuItemLabel: bn,
|
|
492
498
|
"menu-item": "_menu-item_1bjr3_33",
|
|
493
|
-
menuItem:
|
|
499
|
+
menuItem: Cn,
|
|
494
500
|
"menu-back-button": "_menu-back-button_1bjr3_66",
|
|
495
|
-
menuBackButton:
|
|
501
|
+
menuBackButton: gn
|
|
496
502
|
};
|
|
497
|
-
function
|
|
498
|
-
const e =
|
|
499
|
-
rates:
|
|
503
|
+
function kn() {
|
|
504
|
+
const e = P(N), n = qe({
|
|
505
|
+
rates: B,
|
|
500
506
|
normalLabel: "1x"
|
|
501
|
-
}), { t: o } =
|
|
502
|
-
return
|
|
507
|
+
}), { t: o } = g();
|
|
508
|
+
return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
503
509
|
/* @__PURE__ */ s(
|
|
504
510
|
"button",
|
|
505
511
|
{
|
|
@@ -532,8 +538,8 @@ function bn() {
|
|
|
532
538
|
)) })
|
|
533
539
|
] }) : null;
|
|
534
540
|
}
|
|
535
|
-
function
|
|
536
|
-
const e =
|
|
541
|
+
function yn() {
|
|
542
|
+
const e = P(N), n = _("textTrack"), { t: o } = g(), i = p(() => {
|
|
537
543
|
e && e.setPage("captionLanguage");
|
|
538
544
|
}, [e]);
|
|
539
545
|
return e ? /* @__PURE__ */ t(
|
|
@@ -545,8 +551,8 @@ function Cn() {
|
|
|
545
551
|
}
|
|
546
552
|
) : null;
|
|
547
553
|
}
|
|
548
|
-
function
|
|
549
|
-
const { t: e } =
|
|
554
|
+
function wn() {
|
|
555
|
+
const { t: e } = g(), n = v(), o = P(N), i = p(() => {
|
|
550
556
|
o && o.setPage("captionFontSize");
|
|
551
557
|
}, [o]);
|
|
552
558
|
return o ? /* @__PURE__ */ t(
|
|
@@ -558,10 +564,10 @@ function gn() {
|
|
|
558
564
|
}
|
|
559
565
|
) : null;
|
|
560
566
|
}
|
|
561
|
-
function
|
|
562
|
-
const { t: e } =
|
|
567
|
+
function Ln() {
|
|
568
|
+
const { t: e } = g(), n = v();
|
|
563
569
|
return /* @__PURE__ */ t(
|
|
564
|
-
|
|
570
|
+
ne,
|
|
565
571
|
{
|
|
566
572
|
label: e("ON_TOP"),
|
|
567
573
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -569,10 +575,10 @@ function kn() {
|
|
|
569
575
|
}
|
|
570
576
|
);
|
|
571
577
|
}
|
|
572
|
-
function
|
|
573
|
-
const { t: e } =
|
|
578
|
+
function Pn() {
|
|
579
|
+
const { t: e } = g(), n = v();
|
|
574
580
|
return /* @__PURE__ */ t(
|
|
575
|
-
|
|
581
|
+
ne,
|
|
576
582
|
{
|
|
577
583
|
label: e("INVERT_COLORS"),
|
|
578
584
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -580,9 +586,9 @@ function yn() {
|
|
|
580
586
|
}
|
|
581
587
|
);
|
|
582
588
|
}
|
|
583
|
-
function
|
|
584
|
-
const e =
|
|
585
|
-
return
|
|
589
|
+
function Nn() {
|
|
590
|
+
const e = P(N), { t: n } = g(), { disableCaptionSettings: o } = v();
|
|
591
|
+
return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
586
592
|
/* @__PURE__ */ s(
|
|
587
593
|
"button",
|
|
588
594
|
{
|
|
@@ -596,15 +602,15 @@ function wn() {
|
|
|
596
602
|
}
|
|
597
603
|
),
|
|
598
604
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: n("CAPTIONS") }),
|
|
599
|
-
/* @__PURE__ */ t(
|
|
600
|
-
/* @__PURE__ */ t(
|
|
601
|
-
/* @__PURE__ */ t(
|
|
602
|
-
/* @__PURE__ */ t(
|
|
605
|
+
!o && /* @__PURE__ */ t(yn, {}),
|
|
606
|
+
/* @__PURE__ */ t(wn, {}),
|
|
607
|
+
/* @__PURE__ */ t(Ln, {}),
|
|
608
|
+
/* @__PURE__ */ t(Pn, {})
|
|
603
609
|
] }) : null;
|
|
604
610
|
}
|
|
605
|
-
function
|
|
606
|
-
const e =
|
|
607
|
-
return
|
|
611
|
+
function xn() {
|
|
612
|
+
const e = P(N), n = We(), { t: o } = g();
|
|
613
|
+
return H(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
608
614
|
/* @__PURE__ */ s(
|
|
609
615
|
"button",
|
|
610
616
|
{
|
|
@@ -637,9 +643,9 @@ function Ln() {
|
|
|
637
643
|
)) })
|
|
638
644
|
] }) : null;
|
|
639
645
|
}
|
|
640
|
-
function
|
|
641
|
-
const e =
|
|
642
|
-
return
|
|
646
|
+
function Mn() {
|
|
647
|
+
const e = v(), n = P(N), { t: o } = g();
|
|
648
|
+
return H(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
643
649
|
/* @__PURE__ */ s(
|
|
644
650
|
"button",
|
|
645
651
|
{
|
|
@@ -653,7 +659,7 @@ function Pn() {
|
|
|
653
659
|
}
|
|
654
660
|
),
|
|
655
661
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
|
|
656
|
-
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children:
|
|
662
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: Lt.map((i) => /* @__PURE__ */ s(
|
|
657
663
|
"button",
|
|
658
664
|
{
|
|
659
665
|
type: "button",
|
|
@@ -675,9 +681,9 @@ function Pn() {
|
|
|
675
681
|
)) })
|
|
676
682
|
] }) : null;
|
|
677
683
|
}
|
|
678
|
-
function
|
|
679
|
-
const e =
|
|
680
|
-
return
|
|
684
|
+
function Tn() {
|
|
685
|
+
const e = P(N), n = Ge({ sort: "descending" }), o = _("autoQuality"), { t: i } = g();
|
|
686
|
+
return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
681
687
|
/* @__PURE__ */ s(
|
|
682
688
|
"button",
|
|
683
689
|
{
|
|
@@ -691,12 +697,12 @@ function Nn() {
|
|
|
691
697
|
}
|
|
692
698
|
),
|
|
693
699
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: i("QUALITY") }),
|
|
694
|
-
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: a, label: c, select: l, selected:
|
|
700
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: a, label: c, select: l, selected: u }) => /* @__PURE__ */ s(
|
|
695
701
|
"button",
|
|
696
702
|
{
|
|
697
703
|
type: "button",
|
|
698
704
|
role: "menuitemradio",
|
|
699
|
-
"aria-checked": a === "auto" && o ||
|
|
705
|
+
"aria-checked": a === "auto" && o || u && !o,
|
|
700
706
|
onClick: () => {
|
|
701
707
|
l(), e.backToMain(), e.toggle();
|
|
702
708
|
},
|
|
@@ -710,58 +716,58 @@ function Nn() {
|
|
|
710
716
|
)) })
|
|
711
717
|
] }) : null;
|
|
712
718
|
}
|
|
713
|
-
const
|
|
714
|
-
main:
|
|
715
|
-
speed:
|
|
716
|
-
captions:
|
|
717
|
-
captionLanguage:
|
|
718
|
-
captionFontSize:
|
|
719
|
-
quality:
|
|
719
|
+
const In = {
|
|
720
|
+
main: hn,
|
|
721
|
+
speed: kn,
|
|
722
|
+
captions: Nn,
|
|
723
|
+
captionLanguage: xn,
|
|
724
|
+
captionFontSize: Mn,
|
|
725
|
+
quality: Tn
|
|
720
726
|
};
|
|
721
|
-
function
|
|
722
|
-
const [e, n] =
|
|
723
|
-
i((
|
|
724
|
-
}, []), c =
|
|
725
|
-
n(
|
|
726
|
-
}, []), l =
|
|
727
|
+
function Sn() {
|
|
728
|
+
const [e, n] = M("main"), [o, i] = M(!1), a = p(() => {
|
|
729
|
+
i((T) => !T);
|
|
730
|
+
}, []), c = p((T) => {
|
|
731
|
+
n(T);
|
|
732
|
+
}, []), l = p(() => {
|
|
727
733
|
n("captions");
|
|
728
|
-
}, []),
|
|
734
|
+
}, []), u = p(() => {
|
|
729
735
|
n("main");
|
|
730
|
-
}, []),
|
|
736
|
+
}, []), m = Z(() => In[e], [e]), h = ve(null), { refs: b, floatingStyles: w, context: y } = ge({
|
|
731
737
|
open: o,
|
|
732
|
-
onOpenChange: (
|
|
733
|
-
i(
|
|
738
|
+
onOpenChange: (T) => {
|
|
739
|
+
i(T), u();
|
|
734
740
|
},
|
|
735
741
|
placement: "top-end",
|
|
736
|
-
whileElementsMounted:
|
|
742
|
+
whileElementsMounted: ke,
|
|
737
743
|
middleware: [
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
element:
|
|
744
|
+
ye(),
|
|
745
|
+
we({
|
|
746
|
+
element: h
|
|
741
747
|
})
|
|
742
748
|
]
|
|
743
|
-
}),
|
|
749
|
+
}), C = Le(y, { escapeKey: !1 }), { getReferenceProps: f, getFloatingProps: k } = Pe([C]);
|
|
744
750
|
return {
|
|
745
|
-
Page:
|
|
751
|
+
Page: m,
|
|
746
752
|
open: o,
|
|
747
753
|
toggle: a,
|
|
748
754
|
setPage: c,
|
|
749
755
|
backToCaptions: l,
|
|
750
|
-
backToMain:
|
|
751
|
-
arrowRef:
|
|
756
|
+
backToMain: u,
|
|
757
|
+
arrowRef: h,
|
|
752
758
|
refs: b,
|
|
753
|
-
floatingStyles:
|
|
754
|
-
context:
|
|
755
|
-
getReferenceProps:
|
|
756
|
-
getFloatingProps:
|
|
759
|
+
floatingStyles: w,
|
|
760
|
+
context: y,
|
|
761
|
+
getReferenceProps: f,
|
|
762
|
+
getFloatingProps: k
|
|
757
763
|
};
|
|
758
764
|
}
|
|
759
|
-
const
|
|
765
|
+
const Hn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), Vn = "_settings-menu_hxlsv_1", Bn = "_arrow_hxlsv_15", de = {
|
|
760
766
|
"settings-menu": "_settings-menu_hxlsv_1",
|
|
761
|
-
settingsMenu:
|
|
762
|
-
arrow:
|
|
767
|
+
settingsMenu: Vn,
|
|
768
|
+
arrow: Bn
|
|
763
769
|
};
|
|
764
|
-
function
|
|
770
|
+
function Rn() {
|
|
765
771
|
const {
|
|
766
772
|
Page: e,
|
|
767
773
|
arrowRef: n,
|
|
@@ -770,48 +776,48 @@ function Hn() {
|
|
|
770
776
|
context: a,
|
|
771
777
|
floatingStyles: c,
|
|
772
778
|
getFloatingProps: l,
|
|
773
|
-
getReferenceProps:
|
|
774
|
-
open:
|
|
775
|
-
refs:
|
|
779
|
+
getReferenceProps: u,
|
|
780
|
+
open: m,
|
|
781
|
+
refs: h,
|
|
776
782
|
setPage: b,
|
|
777
|
-
toggle:
|
|
778
|
-
} =
|
|
779
|
-
return /* @__PURE__ */ s(
|
|
783
|
+
toggle: w
|
|
784
|
+
} = Sn(), y = v(), { t: C } = g();
|
|
785
|
+
return /* @__PURE__ */ s(ee, { children: [
|
|
780
786
|
/* @__PURE__ */ t(
|
|
781
787
|
"button",
|
|
782
788
|
{
|
|
783
|
-
ref:
|
|
789
|
+
ref: h.setReference,
|
|
784
790
|
type: "button",
|
|
785
791
|
className: "controls-button",
|
|
786
|
-
"aria-label":
|
|
787
|
-
onClick:
|
|
788
|
-
"aria-expanded":
|
|
789
|
-
tabIndex:
|
|
790
|
-
...
|
|
791
|
-
children: /* @__PURE__ */ t(
|
|
792
|
+
"aria-label": C("SETTINGS"),
|
|
793
|
+
onClick: w,
|
|
794
|
+
"aria-expanded": m,
|
|
795
|
+
tabIndex: y != null && y.state.interactionsDisabled ? -1 : 0,
|
|
796
|
+
...u(),
|
|
797
|
+
children: /* @__PURE__ */ t(Hn, { className: "controls-button-icon icon-rotate" })
|
|
792
798
|
}
|
|
793
799
|
),
|
|
794
|
-
|
|
800
|
+
m && /* @__PURE__ */ t(it, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
|
|
795
801
|
"div",
|
|
796
802
|
{
|
|
797
|
-
className:
|
|
798
|
-
ref:
|
|
803
|
+
className: de.settingsMenu,
|
|
804
|
+
ref: h.setFloating,
|
|
799
805
|
style: c,
|
|
800
806
|
...l(),
|
|
801
807
|
children: [
|
|
802
808
|
/* @__PURE__ */ t(
|
|
803
|
-
|
|
809
|
+
N.Provider,
|
|
804
810
|
{
|
|
805
|
-
value: { setPage: b, backToMain: i, backToCaptions: o, toggle:
|
|
811
|
+
value: { setPage: b, backToMain: i, backToCaptions: o, toggle: w },
|
|
806
812
|
children: /* @__PURE__ */ t(e, {})
|
|
807
813
|
}
|
|
808
814
|
),
|
|
809
815
|
/* @__PURE__ */ t(
|
|
810
|
-
|
|
816
|
+
Ne,
|
|
811
817
|
{
|
|
812
818
|
ref: n,
|
|
813
819
|
context: a,
|
|
814
|
-
className:
|
|
820
|
+
className: de.arrow
|
|
815
821
|
}
|
|
816
822
|
)
|
|
817
823
|
]
|
|
@@ -819,129 +825,129 @@ function Hn() {
|
|
|
819
825
|
) })
|
|
820
826
|
] });
|
|
821
827
|
}
|
|
822
|
-
function
|
|
828
|
+
function He(e, n = 1e3) {
|
|
823
829
|
return function() {
|
|
824
|
-
const i =
|
|
825
|
-
return
|
|
830
|
+
const i = _("lastKeyboardAction"), [a, c] = M(!1), l = p(() => c(!1), []);
|
|
831
|
+
return E(() => {
|
|
826
832
|
c(!!i);
|
|
827
|
-
const
|
|
828
|
-
return () => clearTimeout(
|
|
833
|
+
const u = setTimeout(l, n);
|
|
834
|
+
return () => clearTimeout(u);
|
|
829
835
|
}, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
|
|
830
836
|
};
|
|
831
837
|
}
|
|
832
|
-
const
|
|
838
|
+
const oe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ie = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), Be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Re = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), En = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), An = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), On = "_feedback-overlay_v4lbu_1", Fn = "_feedback-message_v4lbu_14", Zn = "_feedback-icon_v4lbu_30", $n = "_feedback-icon-animation_v4lbu_1", L = {
|
|
833
839
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
834
|
-
feedbackOverlay:
|
|
840
|
+
feedbackOverlay: On,
|
|
835
841
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
836
|
-
feedbackMessage:
|
|
842
|
+
feedbackMessage: Fn,
|
|
837
843
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
838
|
-
feedbackIcon:
|
|
844
|
+
feedbackIcon: Zn,
|
|
839
845
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
840
|
-
feedbackIconAnimation:
|
|
846
|
+
feedbackIconAnimation: $n
|
|
841
847
|
};
|
|
842
|
-
function
|
|
848
|
+
function zn() {
|
|
843
849
|
var o;
|
|
844
|
-
const e =
|
|
850
|
+
const e = be();
|
|
845
851
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
846
852
|
case "togglePaused":
|
|
847
|
-
return /* @__PURE__ */ t("i", { className:
|
|
853
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(oe, {}) : /* @__PURE__ */ t(ie, {}) });
|
|
848
854
|
case "toggleCaptions":
|
|
849
855
|
case "nextCaptionLanguage":
|
|
850
856
|
case "previousCaptionLanguage":
|
|
851
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
857
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Ie, {}) }) : null;
|
|
852
858
|
case "volumeUp":
|
|
853
859
|
case "volumeDown":
|
|
854
860
|
case "toggleMuted":
|
|
855
|
-
return /* @__PURE__ */ t("i", { className:
|
|
861
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ve, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Re, {}) : /* @__PURE__ */ t(Be, {}) });
|
|
856
862
|
case "seekForward":
|
|
857
863
|
case "seekForward10":
|
|
858
|
-
return /* @__PURE__ */ t("i", { className:
|
|
864
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(En, { className: "right" }) });
|
|
859
865
|
case "seekBackward":
|
|
860
866
|
case "seekBackward10":
|
|
861
|
-
return /* @__PURE__ */ t("i", { className:
|
|
867
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(An, { className: "left" }) });
|
|
862
868
|
default:
|
|
863
869
|
return null;
|
|
864
870
|
}
|
|
865
871
|
}
|
|
866
|
-
function
|
|
872
|
+
function Kn() {
|
|
867
873
|
var i;
|
|
868
|
-
const { t: e } =
|
|
874
|
+
const { t: e } = g(), n = be();
|
|
869
875
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
870
876
|
case "toggleCaptions":
|
|
871
877
|
case "nextCaptionLanguage":
|
|
872
878
|
case "previousCaptionLanguage":
|
|
873
|
-
return /* @__PURE__ */ t("div", { className:
|
|
879
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
874
880
|
case "volumeUp":
|
|
875
881
|
case "volumeDown":
|
|
876
882
|
case "toggleMuted":
|
|
877
|
-
return /* @__PURE__ */ t("div", { className:
|
|
883
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME", { volume: (n.volume * 100).toFixed(0) }) });
|
|
878
884
|
case "increasePlaybackRate":
|
|
879
885
|
case "decreasePlaybackRate":
|
|
880
886
|
case "resetPlaybackRate":
|
|
881
|
-
return /* @__PURE__ */ t("div", { className:
|
|
887
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
882
888
|
case "seekForward":
|
|
883
|
-
return /* @__PURE__ */ t("div", { className:
|
|
889
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
884
890
|
case "seekForward10":
|
|
885
|
-
return /* @__PURE__ */ t("div", { className:
|
|
891
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
886
892
|
case "seekBackward":
|
|
887
|
-
return /* @__PURE__ */ t("div", { className:
|
|
893
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
888
894
|
case "seekBackward10":
|
|
889
|
-
return /* @__PURE__ */ t("div", { className:
|
|
895
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
890
896
|
default:
|
|
891
897
|
return null;
|
|
892
898
|
}
|
|
893
899
|
}
|
|
894
|
-
const
|
|
895
|
-
function
|
|
896
|
-
return /* @__PURE__ */ s("div", { className:
|
|
897
|
-
/* @__PURE__ */ t(
|
|
898
|
-
/* @__PURE__ */ t(
|
|
900
|
+
const Dn = He(zn, 500), jn = He(Kn, 1e3);
|
|
901
|
+
function Un() {
|
|
902
|
+
return /* @__PURE__ */ s("div", { className: L.feedbackOverlay, children: [
|
|
903
|
+
/* @__PURE__ */ t(Dn, {}),
|
|
904
|
+
/* @__PURE__ */ t(jn, {})
|
|
899
905
|
] });
|
|
900
906
|
}
|
|
901
|
-
const
|
|
907
|
+
const qn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), Wn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.562 6.58944L22.1514 0L24.0005 1.84907L17.4111 8.43851H21.6506V11.0552H12.9453V2.34861H15.562V6.58944ZM2.34861 15.5615V12.9461H11.0539V21.6501H8.43982V17.4106L1.84907 24L0 22.1509L6.59075 15.5615H2.34861Z", fill: "currentColor" }) }), Gn = "_full-screen-button_1xm32_2", Qn = {
|
|
902
908
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
903
|
-
fullScreenButton:
|
|
909
|
+
fullScreenButton: Gn
|
|
904
910
|
};
|
|
905
|
-
function
|
|
906
|
-
const e =
|
|
907
|
-
return
|
|
908
|
-
|
|
911
|
+
function Yn() {
|
|
912
|
+
const e = _("fullscreen"), n = v();
|
|
913
|
+
return S().hideFullScreen ? null : /* @__PURE__ */ t(
|
|
914
|
+
Ce,
|
|
909
915
|
{
|
|
910
916
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
911
|
-
className: `controls-button ${
|
|
912
|
-
children: e ? /* @__PURE__ */ t(
|
|
917
|
+
className: `controls-button ${Qn.fullScreenButton}`,
|
|
918
|
+
children: e ? /* @__PURE__ */ t(Wn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qn, { className: "controls-button-icon" })
|
|
913
919
|
}
|
|
914
920
|
);
|
|
915
921
|
}
|
|
916
|
-
const
|
|
922
|
+
const Jn = "_gestures-container_1fn3b_1", Xn = "_gesture_1fn3b_1", me = {
|
|
917
923
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
918
|
-
gesturesContainer:
|
|
919
|
-
gesture:
|
|
924
|
+
gesturesContainer: Jn,
|
|
925
|
+
gesture: Xn
|
|
920
926
|
};
|
|
921
|
-
function
|
|
927
|
+
function eo() {
|
|
922
928
|
const e = W(), n = () => {
|
|
923
929
|
e.togglePaused();
|
|
924
930
|
};
|
|
925
|
-
return /* @__PURE__ */ t("div", { className:
|
|
931
|
+
return /* @__PURE__ */ t("div", { className: me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: me.gesture, onClick: n }) });
|
|
926
932
|
}
|
|
927
|
-
const
|
|
933
|
+
const to = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), Ee = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), no = "_keyboard-shortcuts-overlay_y5kv6_1", oo = "_keyboard-shortcuts-button_y5kv6_67", io = "_close-button_y5kv6_93", X = {
|
|
928
934
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
|
|
929
|
-
keyboardShortcutsOverlay:
|
|
935
|
+
keyboardShortcutsOverlay: no,
|
|
930
936
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
|
|
931
|
-
keyboardShortcutsButton:
|
|
937
|
+
keyboardShortcutsButton: oo,
|
|
932
938
|
"close-button": "_close-button_y5kv6_93",
|
|
933
|
-
closeButton:
|
|
939
|
+
closeButton: io
|
|
934
940
|
};
|
|
935
|
-
function
|
|
936
|
-
const { t: n } =
|
|
937
|
-
|
|
941
|
+
function ao({ onClose: e }) {
|
|
942
|
+
const { t: n } = g();
|
|
943
|
+
H(e);
|
|
938
944
|
const o = (i) => {
|
|
939
945
|
i && i.focus();
|
|
940
946
|
};
|
|
941
947
|
return /* @__PURE__ */ s(
|
|
942
948
|
"div",
|
|
943
949
|
{
|
|
944
|
-
className:
|
|
950
|
+
className: X.keyboardShortcutsOverlay,
|
|
945
951
|
tabIndex: 0,
|
|
946
952
|
ref: o,
|
|
947
953
|
children: [
|
|
@@ -951,10 +957,10 @@ function no({ onClose: e }) {
|
|
|
951
957
|
"button",
|
|
952
958
|
{
|
|
953
959
|
type: "button",
|
|
954
|
-
className:
|
|
960
|
+
className: X.closeButton,
|
|
955
961
|
onClick: e,
|
|
956
962
|
"aria-label": n("CLOSE"),
|
|
957
|
-
children: /* @__PURE__ */ t(
|
|
963
|
+
children: /* @__PURE__ */ t(Ee, {})
|
|
958
964
|
}
|
|
959
965
|
)
|
|
960
966
|
] }),
|
|
@@ -1045,156 +1051,156 @@ function no({ onClose: e }) {
|
|
|
1045
1051
|
}
|
|
1046
1052
|
);
|
|
1047
1053
|
}
|
|
1048
|
-
function
|
|
1049
|
-
const [e, n] =
|
|
1050
|
-
n(!0), l.disableInteractions(),
|
|
1051
|
-
}, [
|
|
1052
|
-
n(!1), i(!0), l.enableInteractions(), a && (c(!1),
|
|
1053
|
-
}, [a,
|
|
1054
|
-
(
|
|
1054
|
+
function so() {
|
|
1055
|
+
const [e, n] = M(!1), [o, i] = M(!1), [a, c] = M(!1), l = v(), u = _("playing"), m = W(), { t: h } = g(), b = p(() => {
|
|
1056
|
+
n(!0), l.disableInteractions(), u && (c(!0), m.pause());
|
|
1057
|
+
}, [u, m, l]), w = p(() => {
|
|
1058
|
+
n(!1), i(!0), l.enableInteractions(), a && (c(!1), m.play());
|
|
1059
|
+
}, [a, m, l]), y = p(
|
|
1060
|
+
(C) => o && (C == null ? void 0 : C.focus()),
|
|
1055
1061
|
[o]
|
|
1056
1062
|
);
|
|
1057
|
-
return e ? /* @__PURE__ */ t(
|
|
1063
|
+
return e ? /* @__PURE__ */ t(ao, { onClose: w }) : /* @__PURE__ */ t(
|
|
1058
1064
|
"button",
|
|
1059
1065
|
{
|
|
1060
|
-
ref:
|
|
1061
|
-
"aria-label":
|
|
1066
|
+
ref: y,
|
|
1067
|
+
"aria-label": h("KEYBOARD_SHORTCUTS"),
|
|
1062
1068
|
type: "button",
|
|
1063
|
-
className:
|
|
1069
|
+
className: X.keyboardShortcutsButton,
|
|
1064
1070
|
onClick: b,
|
|
1065
1071
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1066
|
-
children: /* @__PURE__ */ t(
|
|
1072
|
+
children: /* @__PURE__ */ t(to, {})
|
|
1067
1073
|
}
|
|
1068
1074
|
);
|
|
1069
1075
|
}
|
|
1070
|
-
const
|
|
1076
|
+
const co = "_play-pause-button_kyuc5_1", lo = {
|
|
1071
1077
|
"play-pause-button": "_play-pause-button_kyuc5_1",
|
|
1072
|
-
playPauseButton:
|
|
1078
|
+
playPauseButton: co
|
|
1073
1079
|
};
|
|
1074
|
-
function
|
|
1075
|
-
const e = q(), n =
|
|
1080
|
+
function ro() {
|
|
1081
|
+
const e = q(), n = v(), o = _("paused");
|
|
1076
1082
|
return e ? /* @__PURE__ */ t(
|
|
1077
|
-
|
|
1083
|
+
Qe,
|
|
1078
1084
|
{
|
|
1079
1085
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1080
|
-
className: `${
|
|
1086
|
+
className: `${lo.playPauseButton} controls-button`,
|
|
1081
1087
|
onKeyDown: (i) => {
|
|
1082
1088
|
i.key === " " && (e == null || e.$state.lastKeyboardAction.set({
|
|
1083
1089
|
action: "togglePaused",
|
|
1084
1090
|
event: i.nativeEvent
|
|
1085
1091
|
}));
|
|
1086
1092
|
},
|
|
1087
|
-
children: o ? /* @__PURE__ */ t(
|
|
1093
|
+
children: o ? /* @__PURE__ */ t(ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(oe, { className: "controls-button-icon" })
|
|
1088
1094
|
}
|
|
1089
1095
|
) : null;
|
|
1090
1096
|
}
|
|
1091
|
-
const
|
|
1092
|
-
poster:
|
|
1097
|
+
const uo = "_poster_195hi_1", mo = {
|
|
1098
|
+
poster: uo
|
|
1093
1099
|
};
|
|
1094
|
-
function
|
|
1095
|
-
const n =
|
|
1096
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1100
|
+
function ho({ src: e }) {
|
|
1101
|
+
const n = _("source");
|
|
1102
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Ye, { src: e, className: mo.poster });
|
|
1097
1103
|
}
|
|
1098
|
-
const
|
|
1104
|
+
const po = "_small-layout-overlay_1vli4_1", _o = "_small-layout-button_1vli4_14", fo = "_small-layout-icon-play_1vli4_24", vo = "_small-layout-icon-pause_1vli4_30", bo = "_full-screen-close-icon_1vli4_36", Co = "_fade-out_1vli4_1", O = {
|
|
1099
1105
|
"small-layout-overlay": "_small-layout-overlay_1vli4_1",
|
|
1100
|
-
smallLayoutOverlay:
|
|
1106
|
+
smallLayoutOverlay: po,
|
|
1101
1107
|
"small-layout-button": "_small-layout-button_1vli4_14",
|
|
1102
|
-
smallLayoutButton:
|
|
1108
|
+
smallLayoutButton: _o,
|
|
1103
1109
|
"small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
|
|
1104
|
-
smallLayoutIconPlay:
|
|
1110
|
+
smallLayoutIconPlay: fo,
|
|
1105
1111
|
"small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
|
|
1106
|
-
smallLayoutIconPause:
|
|
1112
|
+
smallLayoutIconPause: vo,
|
|
1107
1113
|
"full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
|
|
1108
|
-
fullScreenCloseIcon:
|
|
1114
|
+
fullScreenCloseIcon: bo,
|
|
1109
1115
|
"fade-out": "_fade-out_1vli4_1",
|
|
1110
|
-
fadeOut:
|
|
1116
|
+
fadeOut: Co
|
|
1111
1117
|
};
|
|
1112
|
-
function
|
|
1118
|
+
function go() {
|
|
1113
1119
|
return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
|
|
1114
|
-
/* @__PURE__ */ t(
|
|
1120
|
+
/* @__PURE__ */ t(Ce, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Ee, {}) }),
|
|
1115
1121
|
/* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
|
|
1116
|
-
/* @__PURE__ */ t(
|
|
1117
|
-
/* @__PURE__ */ t(
|
|
1122
|
+
/* @__PURE__ */ t(ie, { className: O.smallLayoutIconPlay }),
|
|
1123
|
+
/* @__PURE__ */ t(oe, { className: O.smallLayoutIconPause })
|
|
1118
1124
|
] })
|
|
1119
1125
|
] });
|
|
1120
1126
|
}
|
|
1121
|
-
const
|
|
1127
|
+
const ko = "_time-indicator_1rlpb_1", yo = {
|
|
1122
1128
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1123
|
-
timeIndicator:
|
|
1129
|
+
timeIndicator: ko
|
|
1124
1130
|
};
|
|
1125
|
-
function
|
|
1126
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1127
|
-
/* @__PURE__ */ t(
|
|
1131
|
+
function wo() {
|
|
1132
|
+
return /* @__PURE__ */ s("div", { className: yo.timeIndicator, children: [
|
|
1133
|
+
/* @__PURE__ */ t(re, { type: "current" }),
|
|
1128
1134
|
"/",
|
|
1129
|
-
/* @__PURE__ */ t(
|
|
1135
|
+
/* @__PURE__ */ t(re, { type: "duration" })
|
|
1130
1136
|
] });
|
|
1131
1137
|
}
|
|
1132
|
-
const
|
|
1138
|
+
const Lo = "_comment-markers_19b45_1", Po = "_comment-marker_19b45_1", No = "_timeline-wrapper_19b45_21", xo = "_track_19b45_35", Mo = "_thumb_19b45_48", To = "_root_19b45_62", Io = "_track-inner_19b45_92", So = "_progress_19b45_98", Ho = "_track-fill_19b45_104", Vo = "_pins_19b45_121", Bo = "_pin-button_19b45_134", Ro = "_annotation-pin_19b45_154", Eo = "_quiz-pin_19b45_159", Ao = "_annotation-pin-child_19b45_164", Oo = "_quiz-pin-child_19b45_168", Fo = "_interactive-pin-container_19b45_173", Zo = "_interactive-pin-wrapper_19b45_183", $o = "_interactive-pin-icon_19b45_189", zo = "_interactive-pin_19b45_173", Ko = "_bg_19b45_203", Do = "_symbol_19b45_207", jo = "_interactive-pin-button_19b45_212", Uo = "_interactive-pin-menu_19b45_232", qo = "_interactive-pin-menu-item_19b45_246", Wo = "_arrow_19b45_267", d = {
|
|
1133
1139
|
"comment-markers": "_comment-markers_19b45_1",
|
|
1134
|
-
commentMarkers:
|
|
1140
|
+
commentMarkers: Lo,
|
|
1135
1141
|
"comment-marker": "_comment-marker_19b45_1",
|
|
1136
|
-
commentMarker:
|
|
1142
|
+
commentMarker: Po,
|
|
1137
1143
|
"timeline-wrapper": "_timeline-wrapper_19b45_21",
|
|
1138
|
-
timelineWrapper:
|
|
1139
|
-
track:
|
|
1140
|
-
thumb:
|
|
1141
|
-
root:
|
|
1144
|
+
timelineWrapper: No,
|
|
1145
|
+
track: xo,
|
|
1146
|
+
thumb: Mo,
|
|
1147
|
+
root: To,
|
|
1142
1148
|
"track-inner": "_track-inner_19b45_92",
|
|
1143
|
-
trackInner:
|
|
1144
|
-
progress:
|
|
1149
|
+
trackInner: Io,
|
|
1150
|
+
progress: So,
|
|
1145
1151
|
"track-fill": "_track-fill_19b45_104",
|
|
1146
|
-
trackFill:
|
|
1147
|
-
pins:
|
|
1152
|
+
trackFill: Ho,
|
|
1153
|
+
pins: Vo,
|
|
1148
1154
|
"pin-button": "_pin-button_19b45_134",
|
|
1149
|
-
pinButton:
|
|
1155
|
+
pinButton: Bo,
|
|
1150
1156
|
"annotation-pin": "_annotation-pin_19b45_154",
|
|
1151
|
-
annotationPin:
|
|
1157
|
+
annotationPin: Ro,
|
|
1152
1158
|
"quiz-pin": "_quiz-pin_19b45_159",
|
|
1153
|
-
quizPin:
|
|
1159
|
+
quizPin: Eo,
|
|
1154
1160
|
"annotation-pin-child": "_annotation-pin-child_19b45_164",
|
|
1155
|
-
annotationPinChild:
|
|
1161
|
+
annotationPinChild: Ao,
|
|
1156
1162
|
"quiz-pin-child": "_quiz-pin-child_19b45_168",
|
|
1157
|
-
quizPinChild:
|
|
1163
|
+
quizPinChild: Oo,
|
|
1158
1164
|
"interactive-pin-container": "_interactive-pin-container_19b45_173",
|
|
1159
|
-
interactivePinContainer:
|
|
1165
|
+
interactivePinContainer: Fo,
|
|
1160
1166
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_19b45_183",
|
|
1161
|
-
interactivePinWrapper:
|
|
1167
|
+
interactivePinWrapper: Zo,
|
|
1162
1168
|
"interactive-pin-icon": "_interactive-pin-icon_19b45_189",
|
|
1163
|
-
interactivePinIcon:
|
|
1169
|
+
interactivePinIcon: $o,
|
|
1164
1170
|
"interactive-pin": "_interactive-pin_19b45_173",
|
|
1165
|
-
interactivePin:
|
|
1166
|
-
bg:
|
|
1167
|
-
symbol:
|
|
1171
|
+
interactivePin: zo,
|
|
1172
|
+
bg: Ko,
|
|
1173
|
+
symbol: Do,
|
|
1168
1174
|
"interactive-pin-button": "_interactive-pin-button_19b45_212",
|
|
1169
|
-
interactivePinButton:
|
|
1175
|
+
interactivePinButton: jo,
|
|
1170
1176
|
"interactive-pin-menu": "_interactive-pin-menu_19b45_232",
|
|
1171
|
-
interactivePinMenu:
|
|
1177
|
+
interactivePinMenu: Uo,
|
|
1172
1178
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_19b45_246",
|
|
1173
|
-
interactivePinMenuItem:
|
|
1174
|
-
arrow:
|
|
1175
|
-
},
|
|
1176
|
-
annotation:
|
|
1177
|
-
quiz:
|
|
1179
|
+
interactivePinMenuItem: qo,
|
|
1180
|
+
arrow: Wo
|
|
1181
|
+
}, Go = {
|
|
1182
|
+
annotation: d.annotationPin,
|
|
1183
|
+
quiz: d.quizPin
|
|
1178
1184
|
};
|
|
1179
|
-
function
|
|
1185
|
+
function Ae({
|
|
1180
1186
|
type: e,
|
|
1181
1187
|
position: n,
|
|
1182
1188
|
children: o,
|
|
1183
1189
|
onClick: i
|
|
1184
1190
|
}) {
|
|
1185
|
-
const a =
|
|
1191
|
+
const a = v();
|
|
1186
1192
|
return /* @__PURE__ */ t(
|
|
1187
1193
|
"button",
|
|
1188
1194
|
{
|
|
1189
1195
|
type: "button",
|
|
1190
1196
|
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
1191
|
-
className:
|
|
1197
|
+
className: d.pinButton,
|
|
1192
1198
|
style: { left: `${n}%` },
|
|
1193
1199
|
onClick: i,
|
|
1194
1200
|
children: /* @__PURE__ */ s(
|
|
1195
1201
|
"svg",
|
|
1196
1202
|
{
|
|
1197
|
-
className:
|
|
1203
|
+
className: Go[e],
|
|
1198
1204
|
width: "26",
|
|
1199
1205
|
height: "32",
|
|
1200
1206
|
viewBox: "0 0 26 32",
|
|
@@ -1208,11 +1214,11 @@ function Re({
|
|
|
1208
1214
|
}
|
|
1209
1215
|
);
|
|
1210
1216
|
}
|
|
1211
|
-
function
|
|
1212
|
-
return /* @__PURE__ */ t(
|
|
1217
|
+
function Qo(e) {
|
|
1218
|
+
return /* @__PURE__ */ t(Ae, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1213
1219
|
"path",
|
|
1214
1220
|
{
|
|
1215
|
-
className:
|
|
1221
|
+
className: d.annotationPinChild,
|
|
1216
1222
|
fillRule: "evenodd",
|
|
1217
1223
|
clipRule: "evenodd",
|
|
1218
1224
|
d: "M7 8V19.25H8.875V18.875C8.875 17.8415 9.7165 17 10.75 17H19V8H7ZM10 11.75H16V11H10V11.75ZM14.5 14H10V13.25H14.5V14Z",
|
|
@@ -1221,11 +1227,11 @@ function qo(e) {
|
|
|
1221
1227
|
}
|
|
1222
1228
|
) });
|
|
1223
1229
|
}
|
|
1224
|
-
function
|
|
1225
|
-
return /* @__PURE__ */ t(
|
|
1230
|
+
function Yo(e) {
|
|
1231
|
+
return /* @__PURE__ */ t(Ae, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1226
1232
|
"text",
|
|
1227
1233
|
{
|
|
1228
|
-
className:
|
|
1234
|
+
className: d.quizPinChild,
|
|
1229
1235
|
x: "50%",
|
|
1230
1236
|
y: "56%",
|
|
1231
1237
|
textAnchor: "middle",
|
|
@@ -1235,7 +1241,7 @@ function Wo(e) {
|
|
|
1235
1241
|
}
|
|
1236
1242
|
) });
|
|
1237
1243
|
}
|
|
1238
|
-
function
|
|
1244
|
+
function Jo(e, n) {
|
|
1239
1245
|
return e.map((o, i) => ({
|
|
1240
1246
|
id: o.id,
|
|
1241
1247
|
time: o.time,
|
|
@@ -1244,18 +1250,18 @@ function Go(e, n) {
|
|
|
1244
1250
|
onClick: () => n(o)
|
|
1245
1251
|
}));
|
|
1246
1252
|
}
|
|
1247
|
-
function
|
|
1253
|
+
function Xo(e, n) {
|
|
1248
1254
|
const o = /* @__PURE__ */ new Map();
|
|
1249
1255
|
e.forEach((c) => {
|
|
1250
|
-
var
|
|
1256
|
+
var u;
|
|
1251
1257
|
const l = c.time;
|
|
1252
|
-
o.has(l) || o.set(l, []), (
|
|
1258
|
+
o.has(l) || o.set(l, []), (u = o.get(l)) == null || u.push(c);
|
|
1253
1259
|
});
|
|
1254
1260
|
const i = [];
|
|
1255
1261
|
let a = 1;
|
|
1256
1262
|
return o.forEach((c, l) => {
|
|
1257
1263
|
i.push({
|
|
1258
|
-
id: c.map((
|
|
1264
|
+
id: c.map((u) => u.id).join("-"),
|
|
1259
1265
|
time: l,
|
|
1260
1266
|
type: "quiz",
|
|
1261
1267
|
ordinal: a + 1,
|
|
@@ -1264,12 +1270,12 @@ function Qo(e, n) {
|
|
|
1264
1270
|
}), a++;
|
|
1265
1271
|
}), i;
|
|
1266
1272
|
}
|
|
1267
|
-
function
|
|
1273
|
+
function ei(e, n, o, i) {
|
|
1268
1274
|
switch (e.type) {
|
|
1269
1275
|
case "annotation": {
|
|
1270
1276
|
const a = () => i ? e.onClick() : o.seek(e.time);
|
|
1271
1277
|
return /* @__PURE__ */ t(
|
|
1272
|
-
|
|
1278
|
+
Qo,
|
|
1273
1279
|
{
|
|
1274
1280
|
position: e.time / n * 100,
|
|
1275
1281
|
onClick: a
|
|
@@ -1279,7 +1285,7 @@ function Yo(e, n, o, i) {
|
|
|
1279
1285
|
}
|
|
1280
1286
|
case "quiz":
|
|
1281
1287
|
return /* @__PURE__ */ t(
|
|
1282
|
-
|
|
1288
|
+
Yo,
|
|
1283
1289
|
{
|
|
1284
1290
|
position: e.time / n * 100,
|
|
1285
1291
|
ordinal: e.ordinal,
|
|
@@ -1292,63 +1298,69 @@ function Yo(e, n, o, i) {
|
|
|
1292
1298
|
return null;
|
|
1293
1299
|
}
|
|
1294
1300
|
}
|
|
1295
|
-
function
|
|
1296
|
-
const e = W(), n =
|
|
1297
|
-
...
|
|
1301
|
+
function ti() {
|
|
1302
|
+
const e = W(), n = _("duration"), o = S(), i = Z(() => [
|
|
1303
|
+
...Jo(
|
|
1298
1304
|
o.annotations,
|
|
1299
1305
|
o.onAnnotationClick
|
|
1300
1306
|
),
|
|
1301
|
-
...
|
|
1302
|
-
].sort((c, l) => c.time - l.time).map((c) =>
|
|
1303
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1307
|
+
...Xo(o.quizMarkers, o.onQuizMarkerClick)
|
|
1308
|
+
].sort((c, l) => c.time - l.time).map((c) => ei(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1309
|
+
return /* @__PURE__ */ t("div", { className: d.pins, children: i });
|
|
1304
1310
|
}
|
|
1305
|
-
function
|
|
1306
|
-
const e =
|
|
1307
|
-
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className:
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1311
|
+
function ni() {
|
|
1312
|
+
const e = _("duration"), n = S(), o = v();
|
|
1313
|
+
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => {
|
|
1314
|
+
const a = Math.min(
|
|
1315
|
+
Math.abs(e - i.timestamp),
|
|
1316
|
+
Se
|
|
1317
|
+
);
|
|
1318
|
+
return /* @__PURE__ */ t(
|
|
1319
|
+
"span",
|
|
1320
|
+
{
|
|
1321
|
+
className: d.commentMarker,
|
|
1322
|
+
style: {
|
|
1323
|
+
left: `${i.timestamp / e * 100}%`,
|
|
1324
|
+
width: `${a / e * 100}%`
|
|
1325
|
+
}
|
|
1326
|
+
},
|
|
1327
|
+
i.id
|
|
1328
|
+
);
|
|
1329
|
+
}) }) : null;
|
|
1318
1330
|
}
|
|
1319
|
-
function
|
|
1320
|
-
const [o, i] =
|
|
1331
|
+
function oi({ currentTime: e, position: n }) {
|
|
1332
|
+
const [o, i] = M(!1), a = S(), c = p(() => a.interactiveMenuElements.length > 0 ? i((C) => !C) : a.onInteractivePinClick(e), [
|
|
1321
1333
|
a.interactiveMenuElements,
|
|
1322
1334
|
a.onInteractivePinClick,
|
|
1323
1335
|
e
|
|
1324
|
-
]), l =
|
|
1336
|
+
]), l = ve(null), { refs: u, floatingStyles: m, context: h } = ge({
|
|
1325
1337
|
open: o,
|
|
1326
1338
|
onOpenChange: i,
|
|
1327
|
-
whileElementsMounted:
|
|
1339
|
+
whileElementsMounted: ke,
|
|
1328
1340
|
placement: "top",
|
|
1329
1341
|
middleware: [
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1342
|
+
at(),
|
|
1343
|
+
st(6),
|
|
1344
|
+
ye(),
|
|
1345
|
+
we({
|
|
1334
1346
|
element: l
|
|
1335
1347
|
})
|
|
1336
1348
|
]
|
|
1337
|
-
}), b =
|
|
1338
|
-
return /* @__PURE__ */ s(
|
|
1349
|
+
}), b = Le(h), { getReferenceProps: w, getFloatingProps: y } = Pe([b]);
|
|
1350
|
+
return /* @__PURE__ */ s(ee, { children: [
|
|
1339
1351
|
/* @__PURE__ */ t(
|
|
1340
1352
|
"button",
|
|
1341
1353
|
{
|
|
1342
1354
|
type: "button",
|
|
1343
1355
|
onClick: c,
|
|
1344
|
-
className:
|
|
1345
|
-
ref:
|
|
1356
|
+
className: d.interactivePinButton,
|
|
1357
|
+
ref: u.setReference,
|
|
1346
1358
|
style: { left: `${n}%` },
|
|
1347
|
-
...
|
|
1359
|
+
...w(),
|
|
1348
1360
|
children: /* @__PURE__ */ s(
|
|
1349
1361
|
"svg",
|
|
1350
1362
|
{
|
|
1351
|
-
className:
|
|
1363
|
+
className: d.interactivePin,
|
|
1352
1364
|
width: "36",
|
|
1353
1365
|
height: "44",
|
|
1354
1366
|
fill: "none",
|
|
@@ -1358,21 +1370,21 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1358
1370
|
/* @__PURE__ */ t(
|
|
1359
1371
|
"path",
|
|
1360
1372
|
{
|
|
1361
|
-
className:
|
|
1373
|
+
className: d.bg,
|
|
1362
1374
|
d: "M 33.1703,27.499961 C 34.9615,24.721661 36,21.418761 36,17.874961 36,8.0028612 27.9411,-3.8819277e-5 18,-3.8819277e-5 8.0588999,-3.8819277e-5 -1.5e-7,8.0028612 -1.5e-7,17.874961 c 0,3.5438 1.03844995,6.8467 2.82964995,9.625 4.5447501,6.8094 10.1600502,10.1014 15.2487502,16.5 5.0364,-6.3985 10.5573,-9.7259 15.0919,-16.5 z"
|
|
1363
1375
|
}
|
|
1364
1376
|
),
|
|
1365
1377
|
/* @__PURE__ */ t(
|
|
1366
1378
|
"path",
|
|
1367
1379
|
{
|
|
1368
|
-
className:
|
|
1380
|
+
className: d.symbol,
|
|
1369
1381
|
d: "m 35.499961,17.877772 c 0,3.443549 -1.008198,6.652061 -2.747494,9.351891 -2.235095,3.338633 -4.71529,5.832631 -7.286584,8.306425 -0.277599,0.267143 -0.556499,0.534085 -0.836198,0.801928 -2.174595,2.082232 -4.40389,4.216673 -6.553385,6.870196 -2.158995,-2.636621 -4.40379,-4.754859 -6.591985,-6.819788 -0.2979,-0.281145 -0.594699,-0.561289 -0.890198,-0.841534 C 7.9918219,33.077896 5.4869279,30.584698 3.2477829,27.230063 1.5082968,24.530133 0.50003905,21.321521 0.50003905,17.877772 0.50003905,8.2835422 8.3317219,0.50000048 18,0.50000048 c 9.668278,0 17.499961,7.78354172 17.499961,17.37777152 z"
|
|
1370
1382
|
}
|
|
1371
1383
|
),
|
|
1372
1384
|
/* @__PURE__ */ t(
|
|
1373
1385
|
"path",
|
|
1374
1386
|
{
|
|
1375
|
-
className:
|
|
1387
|
+
className: d.interactivePinIcon,
|
|
1376
1388
|
"data-open": o,
|
|
1377
1389
|
fillRule: "evenodd",
|
|
1378
1390
|
clipRule: "evenodd",
|
|
@@ -1388,18 +1400,18 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1388
1400
|
o && /* @__PURE__ */ s(
|
|
1389
1401
|
"div",
|
|
1390
1402
|
{
|
|
1391
|
-
ref:
|
|
1392
|
-
style:
|
|
1393
|
-
className:
|
|
1394
|
-
...
|
|
1403
|
+
ref: u.setFloating,
|
|
1404
|
+
style: m,
|
|
1405
|
+
className: d.interactivePinMenu,
|
|
1406
|
+
...y(),
|
|
1395
1407
|
children: [
|
|
1396
|
-
a.interactiveMenuElements.map(({ id:
|
|
1408
|
+
a.interactiveMenuElements.map(({ id: C, text: f, onClick: k }) => /* @__PURE__ */ s(
|
|
1397
1409
|
"button",
|
|
1398
1410
|
{
|
|
1399
1411
|
type: "button",
|
|
1400
|
-
className:
|
|
1412
|
+
className: d.interactivePinMenuItem,
|
|
1401
1413
|
onClick: () => {
|
|
1402
|
-
|
|
1414
|
+
k(C, e), i(!1);
|
|
1403
1415
|
},
|
|
1404
1416
|
children: [
|
|
1405
1417
|
/* @__PURE__ */ t(
|
|
@@ -1421,17 +1433,17 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1421
1433
|
)
|
|
1422
1434
|
}
|
|
1423
1435
|
),
|
|
1424
|
-
|
|
1436
|
+
f
|
|
1425
1437
|
]
|
|
1426
1438
|
},
|
|
1427
|
-
|
|
1439
|
+
C
|
|
1428
1440
|
)),
|
|
1429
1441
|
/* @__PURE__ */ t(
|
|
1430
|
-
|
|
1442
|
+
Ne,
|
|
1431
1443
|
{
|
|
1432
1444
|
ref: l,
|
|
1433
|
-
context:
|
|
1434
|
-
className:
|
|
1445
|
+
context: h,
|
|
1446
|
+
className: d.arrow
|
|
1435
1447
|
}
|
|
1436
1448
|
)
|
|
1437
1449
|
]
|
|
@@ -1439,54 +1451,54 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1439
1451
|
)
|
|
1440
1452
|
] });
|
|
1441
1453
|
}
|
|
1442
|
-
function
|
|
1443
|
-
const e =
|
|
1444
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1454
|
+
function ii() {
|
|
1455
|
+
const e = _("duration"), n = _("currentTime"), o = n / e * 100;
|
|
1456
|
+
return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(oi, { currentTime: n, position: o }) }) });
|
|
1445
1457
|
}
|
|
1446
|
-
function
|
|
1447
|
-
const e =
|
|
1448
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1458
|
+
function ai() {
|
|
1459
|
+
const e = _("paused"), n = v();
|
|
1460
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(ii, {}) : null;
|
|
1449
1461
|
}
|
|
1450
|
-
const
|
|
1451
|
-
function
|
|
1452
|
-
const n =
|
|
1462
|
+
const si = `${d.progress} ${d.trackInner}`, ci = `${d.trackFill} ${d.trackInner}`;
|
|
1463
|
+
function he({ className: e }) {
|
|
1464
|
+
const n = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = S(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
|
|
1453
1465
|
return /* @__PURE__ */ s("div", { className: c, children: [
|
|
1454
|
-
a ? /* @__PURE__ */ t(
|
|
1455
|
-
a || o || i ? /* @__PURE__ */ t(
|
|
1466
|
+
a ? /* @__PURE__ */ t(ai, {}) : null,
|
|
1467
|
+
a || o || i ? /* @__PURE__ */ t(ti, {}) : null,
|
|
1456
1468
|
/* @__PURE__ */ s(
|
|
1457
|
-
|
|
1469
|
+
A.Root,
|
|
1458
1470
|
{
|
|
1459
|
-
className:
|
|
1471
|
+
className: d.root,
|
|
1460
1472
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1461
1473
|
children: [
|
|
1462
|
-
/* @__PURE__ */ s(
|
|
1463
|
-
/* @__PURE__ */ t(
|
|
1464
|
-
/* @__PURE__ */ t(
|
|
1474
|
+
/* @__PURE__ */ s(A.Track, { className: d.track, children: [
|
|
1475
|
+
/* @__PURE__ */ t(A.Progress, { className: si }),
|
|
1476
|
+
/* @__PURE__ */ t(A.TrackFill, { className: ci })
|
|
1465
1477
|
] }),
|
|
1466
|
-
/* @__PURE__ */ t(
|
|
1478
|
+
/* @__PURE__ */ t(A.Thumb, { className: d.thumb })
|
|
1467
1479
|
]
|
|
1468
1480
|
}
|
|
1469
1481
|
),
|
|
1470
|
-
/* @__PURE__ */ t(
|
|
1482
|
+
/* @__PURE__ */ t(ni, {})
|
|
1471
1483
|
] });
|
|
1472
1484
|
}
|
|
1473
|
-
const
|
|
1474
|
-
wrapper:
|
|
1475
|
-
track:
|
|
1476
|
-
thumb:
|
|
1485
|
+
const li = "_wrapper_12cb0_1", ri = "_track_12cb0_6", ui = "_thumb_12cb0_18", di = "_track-fill_12cb0_32", mi = "_root_12cb0_51", F = {
|
|
1486
|
+
wrapper: li,
|
|
1487
|
+
track: ri,
|
|
1488
|
+
thumb: ui,
|
|
1477
1489
|
"track-fill": "_track-fill_12cb0_32",
|
|
1478
|
-
trackFill:
|
|
1479
|
-
root:
|
|
1490
|
+
trackFill: di,
|
|
1491
|
+
root: mi
|
|
1480
1492
|
};
|
|
1481
|
-
function
|
|
1482
|
-
const e =
|
|
1493
|
+
function hi() {
|
|
1494
|
+
const e = _("volume"), n = _("muted"), o = v();
|
|
1483
1495
|
return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
|
|
1484
1496
|
/* @__PURE__ */ t(
|
|
1485
|
-
|
|
1497
|
+
Je,
|
|
1486
1498
|
{
|
|
1487
1499
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1488
1500
|
className: "controls-button",
|
|
1489
|
-
children: n || e == 0 ? /* @__PURE__ */ t(
|
|
1501
|
+
children: n || e == 0 ? /* @__PURE__ */ t(Ve, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Be, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Re, { className: "controls-button-icon" })
|
|
1490
1502
|
}
|
|
1491
1503
|
),
|
|
1492
1504
|
/* @__PURE__ */ s(
|
|
@@ -1502,7 +1514,7 @@ function ui() {
|
|
|
1502
1514
|
)
|
|
1503
1515
|
] });
|
|
1504
1516
|
}
|
|
1505
|
-
const
|
|
1517
|
+
const pe = {
|
|
1506
1518
|
togglePaused: ["Space", "Enter", "k"],
|
|
1507
1519
|
seekForward: ["ArrowRight"],
|
|
1508
1520
|
seekBackward: ["ArrowLeft"],
|
|
@@ -1540,8 +1552,8 @@ const he = {
|
|
|
1540
1552
|
decreasePlaybackRate: {
|
|
1541
1553
|
keys: ["a"],
|
|
1542
1554
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1543
|
-
const a =
|
|
1544
|
-
a >= 0 && (o.changePlaybackRate(
|
|
1555
|
+
const a = B.indexOf(n.playbackRate) - 1;
|
|
1556
|
+
a >= 0 && (o.changePlaybackRate(B[a]), n.$state.lastKeyboardAction.set({
|
|
1545
1557
|
action: "decreasePlaybackRate",
|
|
1546
1558
|
event: e
|
|
1547
1559
|
}));
|
|
@@ -1550,8 +1562,8 @@ const he = {
|
|
|
1550
1562
|
increasePlaybackRate: {
|
|
1551
1563
|
keys: ["d"],
|
|
1552
1564
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1553
|
-
const a =
|
|
1554
|
-
a <
|
|
1565
|
+
const a = B.indexOf(n.playbackRate) + 1;
|
|
1566
|
+
a < B.length && (o.changePlaybackRate(B[a]), n.$state.lastKeyboardAction.set({
|
|
1555
1567
|
action: "increasePlaybackRate",
|
|
1556
1568
|
event: e
|
|
1557
1569
|
}));
|
|
@@ -1585,7 +1597,10 @@ const he = {
|
|
|
1585
1597
|
}
|
|
1586
1598
|
}
|
|
1587
1599
|
};
|
|
1588
|
-
function
|
|
1600
|
+
function _e(e) {
|
|
1601
|
+
return typeof e == "number" && !isNaN(e);
|
|
1602
|
+
}
|
|
1603
|
+
function pi(e, n = 1e3) {
|
|
1589
1604
|
let o = !1;
|
|
1590
1605
|
return () => {
|
|
1591
1606
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1593,7 +1608,7 @@ function di(e, n = 1e3) {
|
|
|
1593
1608
|
}, n));
|
|
1594
1609
|
};
|
|
1595
1610
|
}
|
|
1596
|
-
const
|
|
1611
|
+
const fe = {
|
|
1597
1612
|
volume: 1,
|
|
1598
1613
|
muted: !1,
|
|
1599
1614
|
lang: null,
|
|
@@ -1604,24 +1619,25 @@ const pe = {
|
|
|
1604
1619
|
invert: !1,
|
|
1605
1620
|
comments: !1
|
|
1606
1621
|
};
|
|
1607
|
-
class
|
|
1622
|
+
class _i {
|
|
1608
1623
|
constructor() {
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1624
|
+
x(this, "playerId", "studio-player");
|
|
1625
|
+
x(this, "mediaId", null);
|
|
1626
|
+
x(this, "data", fe);
|
|
1627
|
+
x(this, "time", null);
|
|
1628
|
+
x(this, "overrideTime", null);
|
|
1629
|
+
x(this, "saveTime", () => {
|
|
1614
1630
|
if (!this.mediaId) return;
|
|
1615
1631
|
const n = (this.time ?? 0).toString();
|
|
1616
1632
|
localStorage.setItem(this.mediaId, n);
|
|
1617
1633
|
});
|
|
1618
|
-
|
|
1634
|
+
x(this, "saveTimeThrottled", pi(this.saveTime, 1e3));
|
|
1619
1635
|
// only used for useStudioPlayer hook's state initialization
|
|
1620
|
-
|
|
1621
|
-
const
|
|
1622
|
-
if (n)
|
|
1636
|
+
x(this, "initializeState", (n) => {
|
|
1637
|
+
const o = localStorage.getItem(this.playerId);
|
|
1638
|
+
if (_e(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1623
1639
|
try {
|
|
1624
|
-
this.data = JSON.parse(
|
|
1640
|
+
this.data = JSON.parse(o);
|
|
1625
1641
|
} catch {
|
|
1626
1642
|
}
|
|
1627
1643
|
return {
|
|
@@ -1629,10 +1645,11 @@ class mi {
|
|
|
1629
1645
|
captionPositionOnTop: this.data.ontop,
|
|
1630
1646
|
captionsInvertColors: this.data.invert,
|
|
1631
1647
|
commentsEnabled: this.data.comments,
|
|
1632
|
-
interactionsDisabled: !1
|
|
1648
|
+
interactionsDisabled: !1,
|
|
1649
|
+
disableCaptionSettings: !1
|
|
1633
1650
|
};
|
|
1634
1651
|
});
|
|
1635
|
-
|
|
1652
|
+
x(this, "saveData", (n, o) => {
|
|
1636
1653
|
this.data = {
|
|
1637
1654
|
...this.data,
|
|
1638
1655
|
[n]: o
|
|
@@ -1692,9 +1709,9 @@ class mi {
|
|
|
1692
1709
|
} catch {
|
|
1693
1710
|
}
|
|
1694
1711
|
this.data = {
|
|
1695
|
-
...
|
|
1712
|
+
...fe,
|
|
1696
1713
|
...l
|
|
1697
|
-
}, this.time = c ? +c : null;
|
|
1714
|
+
}, _e(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = c ? +c : null;
|
|
1698
1715
|
}
|
|
1699
1716
|
save() {
|
|
1700
1717
|
if (!this.playerId) return;
|
|
@@ -1702,75 +1719,76 @@ class mi {
|
|
|
1702
1719
|
localStorage.setItem(this.playerId, n);
|
|
1703
1720
|
}
|
|
1704
1721
|
}
|
|
1705
|
-
function
|
|
1706
|
-
const
|
|
1707
|
-
|
|
1708
|
-
),
|
|
1709
|
-
(
|
|
1710
|
-
|
|
1711
|
-
...
|
|
1712
|
-
captionsFontSizeMultiplier:
|
|
1722
|
+
function fi(e, n, o, i) {
|
|
1723
|
+
const a = Z(() => new _i(), []), [c, l] = M(
|
|
1724
|
+
a.initializeState(i)
|
|
1725
|
+
), u = p(
|
|
1726
|
+
(f) => {
|
|
1727
|
+
l((k) => (a.saveData("multiplier", f), {
|
|
1728
|
+
...k,
|
|
1729
|
+
captionsFontSizeMultiplier: f
|
|
1713
1730
|
}));
|
|
1714
1731
|
},
|
|
1715
|
-
[
|
|
1716
|
-
),
|
|
1717
|
-
|
|
1718
|
-
const
|
|
1719
|
-
return
|
|
1720
|
-
...
|
|
1721
|
-
captionPositionOnTop:
|
|
1732
|
+
[a]
|
|
1733
|
+
), m = p(() => {
|
|
1734
|
+
l((f) => {
|
|
1735
|
+
const k = !f.captionPositionOnTop;
|
|
1736
|
+
return a.saveData("ontop", k), {
|
|
1737
|
+
...f,
|
|
1738
|
+
captionPositionOnTop: k
|
|
1722
1739
|
};
|
|
1723
1740
|
});
|
|
1724
|
-
}, [
|
|
1725
|
-
|
|
1726
|
-
const
|
|
1727
|
-
return
|
|
1728
|
-
...
|
|
1729
|
-
captionsInvertColors:
|
|
1741
|
+
}, [a]), h = p(() => {
|
|
1742
|
+
l((f) => {
|
|
1743
|
+
const k = !f.captionsInvertColors;
|
|
1744
|
+
return a.saveData("invert", k), {
|
|
1745
|
+
...f,
|
|
1746
|
+
captionsInvertColors: k
|
|
1730
1747
|
};
|
|
1731
1748
|
});
|
|
1732
|
-
}, [
|
|
1733
|
-
|
|
1734
|
-
const
|
|
1735
|
-
return
|
|
1736
|
-
...
|
|
1737
|
-
commentsEnabled:
|
|
1749
|
+
}, [a]), b = p(() => {
|
|
1750
|
+
l((f) => {
|
|
1751
|
+
const k = !f.commentsEnabled;
|
|
1752
|
+
return a.saveData("comments", k), {
|
|
1753
|
+
...f,
|
|
1754
|
+
commentsEnabled: k
|
|
1738
1755
|
};
|
|
1739
1756
|
});
|
|
1740
|
-
}, [
|
|
1741
|
-
|
|
1742
|
-
...
|
|
1757
|
+
}, [a]), w = p(() => {
|
|
1758
|
+
l((f) => ({
|
|
1759
|
+
...f,
|
|
1743
1760
|
interactionsDisabled: !1
|
|
1744
1761
|
}));
|
|
1745
|
-
}, []),
|
|
1746
|
-
|
|
1747
|
-
...
|
|
1762
|
+
}, []), y = p(() => {
|
|
1763
|
+
l((f) => ({
|
|
1764
|
+
...f,
|
|
1748
1765
|
interactionsDisabled: !0
|
|
1749
1766
|
}));
|
|
1750
|
-
}, []),
|
|
1751
|
-
...
|
|
1767
|
+
}, []), C = Z(() => e ? {
|
|
1768
|
+
...pe,
|
|
1752
1769
|
toggleFullscreen: []
|
|
1753
|
-
} :
|
|
1770
|
+
} : pe, [e]);
|
|
1754
1771
|
return {
|
|
1755
1772
|
contextValue: {
|
|
1756
1773
|
state: {
|
|
1757
|
-
...
|
|
1758
|
-
commentsEnabled: n ||
|
|
1774
|
+
...c,
|
|
1775
|
+
commentsEnabled: n || c.commentsEnabled
|
|
1759
1776
|
},
|
|
1760
|
-
setCaptionsFontSizeMultiplier:
|
|
1761
|
-
toggleCaptionPositionOnTop:
|
|
1762
|
-
toggleCaptionsInvertColors:
|
|
1763
|
-
enableInteractions:
|
|
1764
|
-
disableInteractions:
|
|
1765
|
-
toggleComments:
|
|
1777
|
+
setCaptionsFontSizeMultiplier: u,
|
|
1778
|
+
toggleCaptionPositionOnTop: m,
|
|
1779
|
+
toggleCaptionsInvertColors: h,
|
|
1780
|
+
enableInteractions: w,
|
|
1781
|
+
disableInteractions: y,
|
|
1782
|
+
toggleComments: b,
|
|
1783
|
+
disableCaptionSettings: o
|
|
1766
1784
|
},
|
|
1767
|
-
shortcuts:
|
|
1768
|
-
storage:
|
|
1785
|
+
shortcuts: C,
|
|
1786
|
+
storage: a
|
|
1769
1787
|
};
|
|
1770
1788
|
}
|
|
1771
|
-
const
|
|
1789
|
+
const vi = {}, J = () => {
|
|
1772
1790
|
};
|
|
1773
|
-
function
|
|
1791
|
+
function Ni({
|
|
1774
1792
|
title: e,
|
|
1775
1793
|
playerRef: n,
|
|
1776
1794
|
src: o,
|
|
@@ -1778,66 +1796,78 @@ function wi({
|
|
|
1778
1796
|
thumbnail: a,
|
|
1779
1797
|
hideFullScreen: c = !1,
|
|
1780
1798
|
comments: l = [],
|
|
1781
|
-
locale:
|
|
1782
|
-
annotations:
|
|
1783
|
-
quizMarkers:
|
|
1799
|
+
locale: u = "en",
|
|
1800
|
+
annotations: m = [],
|
|
1801
|
+
quizMarkers: h = [],
|
|
1784
1802
|
interactive: b = !1,
|
|
1785
|
-
onAnnotationClick:
|
|
1786
|
-
onQuizMarkerClick:
|
|
1787
|
-
onInteractivePinClick:
|
|
1788
|
-
interactiveMenuElements:
|
|
1789
|
-
darkMode:
|
|
1790
|
-
autoLoadCaptionSrc:
|
|
1791
|
-
forceComments:
|
|
1803
|
+
onAnnotationClick: w = J,
|
|
1804
|
+
onQuizMarkerClick: y = J,
|
|
1805
|
+
onInteractivePinClick: C = J,
|
|
1806
|
+
interactiveMenuElements: f = [],
|
|
1807
|
+
darkMode: k = !1,
|
|
1808
|
+
autoLoadCaptionSrc: T = "",
|
|
1809
|
+
forceComments: ae,
|
|
1810
|
+
disableCaptionSettings: Q,
|
|
1811
|
+
startAt: Oe
|
|
1792
1812
|
}) {
|
|
1793
|
-
const { contextValue:
|
|
1813
|
+
const { contextValue: se, shortcuts: Fe, storage: Ze } = fi(
|
|
1794
1814
|
c,
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1815
|
+
ae ?? !1,
|
|
1816
|
+
Q ?? !1,
|
|
1817
|
+
Oe
|
|
1818
|
+
), { i18n: ce } = g();
|
|
1819
|
+
return E(() => {
|
|
1820
|
+
ce.changeLanguage(u);
|
|
1821
|
+
}, [ce, u]), /* @__PURE__ */ t(
|
|
1822
|
+
rt,
|
|
1801
1823
|
{
|
|
1802
1824
|
hideFullScreen: c,
|
|
1803
1825
|
comments: l,
|
|
1804
|
-
annotations:
|
|
1805
|
-
quizMarkers:
|
|
1826
|
+
annotations: m,
|
|
1827
|
+
quizMarkers: h,
|
|
1806
1828
|
interactive: b,
|
|
1807
|
-
onAnnotationClick:
|
|
1808
|
-
onQuizMarkerClick:
|
|
1809
|
-
onInteractivePinClick:
|
|
1810
|
-
interactiveMenuElements:
|
|
1811
|
-
darkMode:
|
|
1812
|
-
forceComments:
|
|
1813
|
-
|
|
1814
|
-
|
|
1829
|
+
onAnnotationClick: w,
|
|
1830
|
+
onQuizMarkerClick: y,
|
|
1831
|
+
onInteractivePinClick: C,
|
|
1832
|
+
interactiveMenuElements: f,
|
|
1833
|
+
darkMode: k,
|
|
1834
|
+
forceComments: ae ?? !1,
|
|
1835
|
+
disableCaptionSettings: Q ?? !1,
|
|
1836
|
+
children: /* @__PURE__ */ t(lt, { contextValue: se, children: /* @__PURE__ */ s(
|
|
1837
|
+
Xe,
|
|
1815
1838
|
{
|
|
1816
|
-
storage:
|
|
1839
|
+
storage: Ze,
|
|
1817
1840
|
title: e,
|
|
1818
1841
|
src: o,
|
|
1819
|
-
keyShortcuts:
|
|
1842
|
+
keyShortcuts: Fe,
|
|
1820
1843
|
playsInline: !0,
|
|
1821
|
-
keyDisabled:
|
|
1844
|
+
keyDisabled: se.state.interactionsDisabled,
|
|
1822
1845
|
onTextTracksChange: (K) => {
|
|
1823
|
-
const
|
|
1824
|
-
(
|
|
1846
|
+
const le = K == null ? void 0 : K.findIndex(
|
|
1847
|
+
($e) => $e.src === T
|
|
1825
1848
|
);
|
|
1826
|
-
|
|
1849
|
+
le > -1 && (K[le].mode = "showing");
|
|
1827
1850
|
},
|
|
1828
1851
|
children: [
|
|
1829
|
-
/* @__PURE__ */ t(
|
|
1830
|
-
/* @__PURE__ */ s(
|
|
1831
|
-
/* @__PURE__ */ t(
|
|
1832
|
-
/* @__PURE__ */ t(
|
|
1833
|
-
/* @__PURE__ */ t(
|
|
1834
|
-
/* @__PURE__ */ t(
|
|
1835
|
-
/* @__PURE__ */ t(
|
|
1836
|
-
/* @__PURE__ */ t(
|
|
1837
|
-
/* @__PURE__ */ t(
|
|
1852
|
+
/* @__PURE__ */ t(so, {}),
|
|
1853
|
+
/* @__PURE__ */ s(et, { className: vi.mediaProvider, children: [
|
|
1854
|
+
/* @__PURE__ */ t(ho, { src: a }),
|
|
1855
|
+
/* @__PURE__ */ t(Un, {}),
|
|
1856
|
+
/* @__PURE__ */ t(Ct, {}),
|
|
1857
|
+
/* @__PURE__ */ t(wt, { captions: i }),
|
|
1858
|
+
/* @__PURE__ */ t(Et, { comments: l }),
|
|
1859
|
+
/* @__PURE__ */ t(go, {}),
|
|
1860
|
+
/* @__PURE__ */ t(eo, {})
|
|
1838
1861
|
] }),
|
|
1839
|
-
/* @__PURE__ */ t(
|
|
1840
|
-
|
|
1862
|
+
/* @__PURE__ */ t(
|
|
1863
|
+
Kt,
|
|
1864
|
+
{
|
|
1865
|
+
darkMode: k,
|
|
1866
|
+
playerRef: n,
|
|
1867
|
+
showCaptionsButton: !Q
|
|
1868
|
+
}
|
|
1869
|
+
),
|
|
1870
|
+
/* @__PURE__ */ t(ht, { annotations: m })
|
|
1841
1871
|
]
|
|
1842
1872
|
}
|
|
1843
1873
|
) })
|
|
@@ -1845,8 +1875,8 @@ function wi({
|
|
|
1845
1875
|
);
|
|
1846
1876
|
}
|
|
1847
1877
|
export {
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1878
|
+
Lt as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
1879
|
+
Se as COMMENT_DURATION,
|
|
1880
|
+
B as PLAYBACK_RATES,
|
|
1881
|
+
Ni as StudioPlayer
|
|
1852
1882
|
};
|