@banou/media-player 0.10.2 → 0.10.4
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/engine/index.js +1 -1
- package/dist/{engine-DqyZgmTv.js → engine-CB5J5kah.js} +29 -29
- package/dist/index.js +348 -324
- package/dist/react/player.d.ts +2 -0
- package/dist/react/source-feature.d.ts +50 -0
- package/package.json +1 -1
- package/src/lib/engine/thumbnails.ts +13 -1
- package/src/lib/react/components/chrome.tsx +25 -3
- package/src/lib/react/components/control-bar.tsx +3 -1
- package/src/lib/react/components/overlay.tsx +5 -2
- package/src/lib/react/components/progress-bar.tsx +16 -4
- package/src/lib/react/hooks/use-playback.ts +27 -0
- package/src/lib/react/source-feature.ts +28 -0
- package/src/lib/react/video-player.tsx +9 -2
package/dist/engine/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../engine-
|
|
1
|
+
import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../engine-CB5J5kah.js";
|
|
2
2
|
export { i as DEFAULT_BUFFER_SIZE, e as MediaElementError, a as SUBTITLES_OFF, u as createPictureInPicture, d as createSubtitleRenderer, c as createThumbnailGenerator, n as getTimeRanges, s as isMediaElementError, o as pictureInPictureMode, l as startPlayback, t as terminateRemuxer, r as updateSourceBuffer };
|
|
@@ -237,19 +237,19 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
237
237
|
i(), n(/* @__PURE__ */ Error("The MediaSource closed before a SourceBuffer could be created"));
|
|
238
238
|
};
|
|
239
239
|
m.addEventListener("sourceopen", a, { once: !0 }), m.addEventListener("sourceclose", o, { once: !0 }), m.addEventListener("error", o, { once: !0 });
|
|
240
|
-
}), { appendBuffer: F, unbufferRange:
|
|
240
|
+
}), { appendBuffer: F, unbufferRange: se, updateTimestampOffset: ce, endOfStream: le } = o(A, m);
|
|
241
241
|
await F(e.data), e.subtitles?.length && s.pushFragments(e.subtitles), te?.();
|
|
242
|
-
let
|
|
242
|
+
let I = !1, L = !1, R = 0, z, B = () => z ?? n.currentTime, V = !1, H = 0, U = 0, W = null, G = 0, ue = 0, K = !1, de = 0, q = (e, t, n = !1) => {
|
|
243
243
|
let r = e?.message === "Cancelled";
|
|
244
244
|
t && r || (console.error(e), !(K && !n) && (K = !0, ne?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
|
|
245
245
|
}, fe = async (e = !1) => {
|
|
246
|
-
if (
|
|
246
|
+
if (R > 0 && !e) return;
|
|
247
247
|
let t = n.currentTime, r = e ? x : v, a = e ? S : y;
|
|
248
|
-
for (let { start: e, end: n } of i(A)) e < t + r && await
|
|
248
|
+
for (let { start: e, end: n } of i(A)) e < t + r && await se(e, t + r), n > t + a && await se(t + a, n);
|
|
249
249
|
}, pe = () => {
|
|
250
250
|
let e = i(A);
|
|
251
251
|
if (!e.length) return !0;
|
|
252
|
-
let t =
|
|
252
|
+
let t = B(), n = e.find((e) => e.start <= t + T && t < e.end);
|
|
253
253
|
return n && n.end >= t + y ? !1 : !n || n.end < t + b;
|
|
254
254
|
}, me = () => {
|
|
255
255
|
let e = n.currentTime;
|
|
@@ -261,16 +261,16 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
261
261
|
let e = i(A).map((e) => e.end);
|
|
262
262
|
e.length && (ue = Math.max(ue, ...e));
|
|
263
263
|
}, J = async (e) => {
|
|
264
|
-
|
|
264
|
+
L = !0, W = null, G = 0, de = e;
|
|
265
265
|
let t = ++U;
|
|
266
266
|
try {
|
|
267
267
|
let { data: n, pts: r, subtitles: i, finished: a } = await j.seek(e);
|
|
268
|
-
if (N || t !== U || (a && (
|
|
268
|
+
if (N || t !== U || (a && (V = !0), i?.length && s.pushFragments(i), await ce(r), N || t !== U)) return;
|
|
269
269
|
n.byteLength && (await F(n), ge());
|
|
270
270
|
} catch (e) {
|
|
271
271
|
q(e, N || t !== U);
|
|
272
272
|
} finally {
|
|
273
|
-
t === U && (
|
|
273
|
+
t === U && (L = !1);
|
|
274
274
|
}
|
|
275
275
|
}, _e = async () => {
|
|
276
276
|
let e = W;
|
|
@@ -282,7 +282,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
282
282
|
let t = await fe(!0).then(() => !0, () => !1);
|
|
283
283
|
if (W !== e) return;
|
|
284
284
|
if (t) {
|
|
285
|
-
|
|
285
|
+
V = !1, await J(me()?.end ?? n.currentTime);
|
|
286
286
|
return;
|
|
287
287
|
}
|
|
288
288
|
}
|
|
@@ -290,36 +290,36 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
290
290
|
throw W = null, t;
|
|
291
291
|
}
|
|
292
292
|
}, ve = async () => {
|
|
293
|
-
if (
|
|
294
|
-
let e = ++
|
|
295
|
-
|
|
293
|
+
if (I || L || Q !== void 0 || N || !W && (V || !pe())) return;
|
|
294
|
+
let e = ++H, t = U, n = () => N || e !== H || t !== U;
|
|
295
|
+
I = !0;
|
|
296
296
|
try {
|
|
297
297
|
if (!W) {
|
|
298
298
|
let { data: e, subtitles: t, finished: r } = await j.read();
|
|
299
|
-
if (n() || (r && (
|
|
299
|
+
if (n() || (r && (V = !0), t?.length && s.pushFragments(t), !e.byteLength)) return;
|
|
300
300
|
W = e, G = 0;
|
|
301
301
|
}
|
|
302
302
|
await _e(), !n() && K && (K = !1, re?.());
|
|
303
303
|
} catch (e) {
|
|
304
304
|
q(e, n());
|
|
305
305
|
} finally {
|
|
306
|
-
e ===
|
|
306
|
+
e === H && (I = !1);
|
|
307
307
|
}
|
|
308
308
|
}, ye = (e) => e >= de && !!me(), be = (e) => i(A).some((t) => t.start <= e + T && e < t.end), Y = (e) => {
|
|
309
309
|
let t = i(A).find((t) => t.start <= e + T && e < t.end);
|
|
310
310
|
return t ? t.end - e : 0;
|
|
311
311
|
}, xe = async (e) => {
|
|
312
312
|
if (!N && !(Y(e) >= E)) {
|
|
313
|
-
|
|
313
|
+
V = !1, R++, z = e;
|
|
314
314
|
try {
|
|
315
315
|
be(e) || await J(e);
|
|
316
316
|
let t = U;
|
|
317
|
-
for (let n = 0; n < ee && !(N || t !== U ||
|
|
317
|
+
for (let n = 0; n < ee && !(N || t !== U || V || Y(e) >= E); n++) {
|
|
318
318
|
let t = Y(e);
|
|
319
319
|
if (await ve(), Y(e) <= t) break;
|
|
320
320
|
}
|
|
321
321
|
} finally {
|
|
322
|
-
|
|
322
|
+
R--, z === e && (z = void 0);
|
|
323
323
|
}
|
|
324
324
|
}
|
|
325
325
|
}, Se = 0, X = null, Z, Ce = (e) => {
|
|
@@ -345,15 +345,15 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
345
345
|
let t = n.currentTime, r = e.info.input.duration || n.duration;
|
|
346
346
|
r > 0 && Ce(Math.min(Math.max(t / r, 0), 1));
|
|
347
347
|
let i = performance.now(), a = i - we < O;
|
|
348
|
-
if (we = i, !ye(t) && !(
|
|
349
|
-
if (
|
|
348
|
+
if (we = i, !ye(t) && !(L && Math.abs(t - de) < .001)) {
|
|
349
|
+
if (V = !1, Q && clearTimeout(Q), !a) {
|
|
350
350
|
Q = void 0, J(t);
|
|
351
351
|
return;
|
|
352
352
|
}
|
|
353
353
|
Q = setTimeout(() => {
|
|
354
354
|
if (Q = void 0, N) return;
|
|
355
355
|
let e = n.currentTime;
|
|
356
|
-
ye(e) || (
|
|
356
|
+
ye(e) || (V = !1, J(e));
|
|
357
357
|
}, O);
|
|
358
358
|
}
|
|
359
359
|
};
|
|
@@ -366,7 +366,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
366
366
|
};
|
|
367
367
|
n.addEventListener("error", Ee), M.push(() => n.removeEventListener("error", Ee));
|
|
368
368
|
let De = setInterval(() => {
|
|
369
|
-
$ || n.error || (fe().catch(() => {}), ve().catch((e) => q(e, !1)),
|
|
369
|
+
$ || n.error || (fe().catch(() => {}), ve().catch((e) => q(e, !1)), V && !W && he() && m.readyState === "open" && le().catch(() => {}));
|
|
370
370
|
}, 100);
|
|
371
371
|
return M.push(() => clearInterval(De)), {
|
|
372
372
|
destroy: P,
|
|
@@ -382,7 +382,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
382
382
|
} catch (e) {
|
|
383
383
|
throw P(), e;
|
|
384
384
|
}
|
|
385
|
-
}, ne = 5, re = 500, ie = 320, ae = 1e6, oe = 3, j = 1e4, M = 1.5, N = 4e6, P = async (e) => {
|
|
385
|
+
}, ne = 5, re = 500, ie = 320, ae = 1e6, oe = 3, j = 1e4, M = 1.5, N = 4e6, P = 3e4, F = async (e) => {
|
|
386
386
|
let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = ie } = e, c = await t({
|
|
387
387
|
publicPath: n,
|
|
388
388
|
workerUrl: r,
|
|
@@ -471,7 +471,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
471
471
|
}, w = async (e) => {
|
|
472
472
|
_ = !0;
|
|
473
473
|
try {
|
|
474
|
-
let t = await c.init();
|
|
474
|
+
let t = await Promise.race([c.init(), new Promise((e, t) => setTimeout(() => t(/* @__PURE__ */ Error("timed out")), P))]);
|
|
475
475
|
if (d) return;
|
|
476
476
|
h = e;
|
|
477
477
|
let n = l(t.indexes);
|
|
@@ -511,8 +511,8 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
511
511
|
} catch (e) {
|
|
512
512
|
throw A(c), e;
|
|
513
513
|
}
|
|
514
|
-
},
|
|
515
|
-
let { video: t, subtitles: n } = e, r = e.mode ??
|
|
514
|
+
}, se = 1280, ce = 1920, le = 250, I = 100, L = () => typeof HTMLCanvasElement < "u" && "captureStream" in HTMLCanvasElement.prototype, R = () => typeof document < "u" && typeof HTMLVideoElement < "u" && typeof HTMLVideoElement.prototype.requestPictureInPicture == "function" && !!document.pictureInPictureEnabled, z = () => typeof HTMLVideoElement < "u" && "mozCaptureStream" in HTMLVideoElement.prototype, B = () => L() ? R() ? "window" : z() ? "burn-in" : null : null, V = (e) => {
|
|
515
|
+
let { video: t, subtitles: n } = e, r = e.mode ?? B() ?? "window", i = e.maxWidth ?? (r === "burn-in" ? ce : se), a, o, s, c = !1, l = !1, u = !1, d = !1, f, p = () => r === "burn-in" ? !!a : !!a && document.pictureInPictureElement === a.mirror, m = (e, r) => {
|
|
516
516
|
r.drawImage(t, 0, 0, e.width, e.height);
|
|
517
517
|
let i = n.querySelector("canvas");
|
|
518
518
|
i && i.width > 0 && i.height > 0 && r.drawImage(i, 0, 0, e.width, e.height);
|
|
@@ -541,11 +541,11 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
541
541
|
l = !0;
|
|
542
542
|
let { mirror: e } = a;
|
|
543
543
|
h(), e.play().then(() => new Promise((e) => {
|
|
544
|
-
setTimeout(e,
|
|
544
|
+
setTimeout(e, I);
|
|
545
545
|
})).catch(() => {}).finally(() => {
|
|
546
546
|
e.pause(), setTimeout(() => {
|
|
547
547
|
l = !1;
|
|
548
|
-
},
|
|
548
|
+
}, I);
|
|
549
549
|
});
|
|
550
550
|
}, E = [["play", () => {
|
|
551
551
|
t.play().catch(() => {});
|
|
@@ -582,7 +582,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
582
582
|
};
|
|
583
583
|
if (a = f, u.srcObject = f.stream, (e.container ?? t.parentElement ?? document.body).appendChild(u), v(), s = setInterval(() => {
|
|
584
584
|
t.paused && h();
|
|
585
|
-
},
|
|
585
|
+
}, le), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
|
|
586
586
|
let t = () => {
|
|
587
587
|
clearTimeout(n), e();
|
|
588
588
|
}, n = setTimeout(t, 1e3);
|
|
@@ -628,4 +628,4 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
|
|
|
628
628
|
};
|
|
629
629
|
};
|
|
630
630
|
//#endregion
|
|
631
|
-
export { g as a, A as c, i as d, o as f, k as i, s as l,
|
|
631
|
+
export { g as a, A as c, i as d, o as f, k as i, s as l, B as n, _ as o, F as r, te as s, V as t, h as u };
|