@vplayer/core 0.2.0 → 0.2.2

package/dist/index.js

@@ -189,11 +189,11 @@ function f(e) {
 }
 //#endregion
 //#region src/storage.ts
-var p = "vplayer", m = class {
+var ee = "vplayer", p = class {
 	fallback = /* @__PURE__ */ new Map();
 	prefix;
 	constructor(e = {}) {
-		this.prefix = e.prefix ?? p;
+		this.prefix = e.prefix ?? ee;
 	}
 	fullKey(e) {
 		return `${this.prefix}:${e}`;
@@ -234,18 +234,19 @@ var p = "vplayer", m = class {
 		} catch {}
 		this.fallback.clear();
 	}
-}, h = {
+}, m = {
 	VOLUME: "volume",
 	MUTED: "muted",
 	PLAYBACK_RATE: "playbackRate",
 	SUBTITLE_LANG: "subtitleLang",
+	CAPTION_SETTINGS: "captionSettings",
 	QUALITY: "quality",
 	LOOP: "loop",
 	FLIP: "flip",
 	ASPECT_RATIO: "aspectRatio"
-}, g = class {
+}, te = class {
 	storage;
-	constructor(e = new m({ prefix: "vplayer:progress" })) {
+	constructor(e = new p({ prefix: "vplayer:progress" })) {
 		this.storage = e;
 	}
 	async load(e) {
@@ -257,7 +258,7 @@ var p = "vplayer", m = class {
 	async clear(e) {
 		this.storage.remove(encodeURIComponent(e));
 	}
-}, _ = class {
+}, h = class {
 	element;
 	destroyed = !1;
 	listeners = /* @__PURE__ */ new Map();
@@ -407,7 +408,7 @@ var p = "vplayer", m = class {
 	destroy() {
 		this.destroyed || (this.destroyed = !0, this.detachDOMListeners(), this.listeners.clear());
 	}
-}, v = class extends _ {}, y = class extends _ {
+}, g = class extends h {}, _ = class extends h {
 	hls = null;
 	hlsSrc;
 	hlsConfig;
@@ -435,9 +436,7 @@ var p = "vplayer", m = class {
 				case t.ErrorTypes.MEDIA_ERROR:
 					this.hls?.recoverMediaError();
 					break;
-				default:
-					this.emit("error", { message: `HLS fatal error: ${n.type} — ${n.details}` });
-					break;
+				default: this.emit("error", { message: `HLS fatal error: ${n.type} — ${n.details}` });
 			}
 		}), this.hls.attachMedia(this.element), this.hls.loadSource(this.hlsSrc)) : this.element.canPlayType("application/vnd.apple.mpegurl") === "" ? this.emit("error", { message: "HLS is not supported in this browser" }) : this.element.src = this.hlsSrc);
 	}
@@ -447,7 +446,7 @@ var p = "vplayer", m = class {
 	destroy() {
 		this.destroyed || (super.destroy(), this.hls &&= (this.hls.destroy(), null));
 	}
-}, b = class extends _ {
+}, v = class extends h {
 	dashPlayer = null;
 	dashSrc;
 	dashConfig;
@@ -475,40 +474,212 @@ var p = "vplayer", m = class {
 };
 //#endregion
 //#region src/source-resolver.ts
-function x(e) {
+function y(e) {
 	try {
 		return new URL(e, typeof window < "u" ? window.location.href : "http://localhost").pathname.toLowerCase();
 	} catch {
 		return e.toLowerCase().split("?")[0].split("#")[0];
 	}
 }
-function S(e) {
-	let t = e.type?.toLowerCase() ?? "", n = x(e.src);
+function b(e) {
+	let t = e.type?.toLowerCase() ?? "", n = y(e.src);
 	return t.includes("mpegurl") || t.includes("hls") || n.endsWith(".m3u8") ? "hls" : t.includes("dash") || n.endsWith(".mpd") ? "dash" : /\.(mp4|m4v|webm|ogv|ogg|mov)$/i.test(n) || t.startsWith("video/") ? "native" : "unknown";
 }
-function C(e) {
+function x(e) {
 	return {
 		src: e.src,
 		type: e.type
 	};
 }
-function ee(e, t) {
+function ne(e, t) {
 	if (t.engine) return typeof t.engine == "function" ? t.engine(e) : t.engine;
-	let n = C(t), r = S(n);
-	return r === "hls" && !s(e) ? new y(e, {
+	let n = x(t), r = b(n);
+	return r === "hls" && !s(e) ? new _(e, {
 		src: n.src,
 		hlsConfig: t.hlsConfig
-	}) : r === "dash" ? new b(e, {
+	}) : r === "dash" ? new v(e, {
 		src: n.src,
 		dashConfig: t.dashConfig
-	}) : (e.src = n.src, new v(e));
+	}) : (e.src = n.src, new g(e));
+}
+//#endregion
+//#region src/subtitle-parser.ts
+var S = {
+	fontSize: "medium",
+	fontScale: 100,
+	fontFamily: "sans",
+	textColor: "#ffffff",
+	textOpacity: 1,
+	backgroundColor: "#000000",
+	backgroundOpacity: .75,
+	edgeStyle: "shadow",
+	edgeColor: "#000000",
+	position: 0,
+	lineHeight: 1.35,
+	delay: 0
+}, C = "(?:\\d{2}:)?\\d{2}:\\d{2}[.,]\\d{3}", w = RegExp(`^(${C})\\s*-->\\s*(${C})(?:\\s+(.*))?$`);
+function T(e) {
+	return e.replace(/^\uFEFF/, "").replace(/\r\n?/g, "\n");
+}
+function E(e) {
+	let t = e.replace(",", ".").split(":").map(Number);
+	return t.some((e) => !Number.isFinite(e)) ? NaN : t.length === 3 ? t[0] * 3600 + t[1] * 60 + t[2] : t.length === 2 ? t[0] * 60 + t[1] : t[0];
+}
+function D(e, t) {
+	let n = T(e).trim();
+	if (t === "vtt") {
+		let e = n.indexOf("\n");
+		n = (e === -1 ? "" : n.slice(e + 1)).trim();
+	}
+	let r = [];
+	for (let e of n.split(/\n{2,}/)) {
+		let t = e.split("\n").map((e) => e.trimEnd()), n = t[0]?.trim();
+		if (!n || n.startsWith("NOTE") || n === "STYLE" || n === "REGION") continue;
+		let i = t.findIndex((e) => w.test(e.trim()));
+		if (i === -1) continue;
+		let a = w.exec(t[i].trim());
+		if (!a) continue;
+		let o = E(a[1]), s = E(a[2]), c = t.slice(i + 1).filter((e) => e.trim().length > 0).join("\n");
+		if (!Number.isFinite(o) || !Number.isFinite(s) || s <= o || !c) continue;
+		let l = i > 0 ? t[i - 1]?.trim() : void 0;
+		r.push({
+			index: r.length + 1,
+			start: o,
+			end: s,
+			text: c,
+			...l && !/^\d+$/.test(l) ? { id: l } : {},
+			...a[3] ? { settings: a[3] } : {}
+		});
+	}
+	return r;
+}
+function O(e) {
+	return D(e, "srt");
+}
+function k(e) {
+	return D(e, "vtt");
+}
+function A(e, t = {}) {
+	let n = T(e).trimStart(), r = t.fileName?.toLowerCase().match(/\\.(vtt|srt)$/)?.[1], i = t.mimeType === "text/vtt" ? "vtt" : t.mimeType === "application/x-subrip" ? "srt" : void 0, a = n.startsWith("WEBVTT") ? "vtt" : w.test(n.split("\n")[0] ?? "") ? "srt" : void 0, o = t.format ?? i ?? r ?? a;
+	if (!o) return {
+		ok: !1,
+		error: {
+			code: "unsupported-format",
+			message: "Expected a WebVTT or SRT subtitle file."
+		}
+	};
+	let s = o === "vtt" ? k(n) : O(n);
+	return s.length === 0 ? {
+		ok: !1,
+		error: {
+			code: "malformed",
+			message: `No valid ${o.toUpperCase()} cues were found.`
+		}
+	} : {
+		ok: !0,
+		format: o,
+		cues: s
+	};
+}
+async function j(e, t) {
+	if (e.content !== void 0) {
+		let t = A(e.content, {
+			format: e.format,
+			fileName: e.label
+		});
+		if (!t.ok) throw Error(t.error.message);
+		return t.cues;
+	}
+	if (!e.src) throw Error("Subtitle track has no source.");
+	let n = await fetch(e.src, { signal: t });
+	if (!n.ok) throw Error(`Failed to fetch subtitles: ${n.status}`);
+	let r = A(await n.text(), {
+		format: e.format,
+		fileName: e.src,
+		mimeType: n.headers.get("content-type")?.split(";")[0]
+	});
+	if (!r.ok) throw Error(r.error.message);
+	return r.cues;
+}
+function M(e, t) {
+	let n = 0, r = e.length - 1;
+	for (; n <= r;) {
+		let i = n + r >> 1, a = e[i];
+		if (t < a.start) r = i - 1;
+		else if (t > a.end) n = i + 1;
+		else return a;
+	}
+	return null;
+}
+function N(e) {
+	let t = e.match(/#xywh=(\d+),(\d+),(\d+),(\d+)/);
+	return t ? {
+		src: e.replace(/#xywh=.*$/, ""),
+		x: Number(t[1]),
+		y: Number(t[2]),
+		w: Number(t[3]),
+		h: Number(t[4])
+	} : null;
+}
+function P(e) {
+	let t = e.replace(/\r\n/g, "\n"), n = t.indexOf("\n\n");
+	return n > 0 && (t = t.slice(n + 2)), t.trim().split(/\n\n+/).map((e) => {
+		let t = e.split("\n"), n = t.findIndex((e) => e.includes("-->"));
+		if (n === -1) return null;
+		let r = t[n].match(/(\d{2}:\d{2}:\d{2}[.,]\d{3})\s*-->\s*(\d{2}:\d{2}:\d{2}[.,]\d{3})/);
+		if (!r) return null;
+		let i = t.slice(n + 1).find((e) => e.trim().length > 0);
+		if (!i) return null;
+		let a = i.trim(), o = N(a), s = E(r[1]), c = E(r[2]);
+		return o ? {
+			start: s,
+			end: c,
+			src: o.src,
+			x: o.x,
+			y: o.y,
+			w: o.w,
+			h: o.h
+		} : {
+			start: s,
+			end: c,
+			src: a,
+			x: 0,
+			y: 0,
+			w: 160,
+			h: 90
+		};
+	}).filter((e) => e !== null);
+}
+function F(e, t) {
+	try {
+		return new URL(e, t).toString();
+	} catch {
+		return e;
+	}
+}
+async function re(e, t, n) {
+	let r = await fetch(e, { signal: t });
+	if (!r.ok) throw Error(`Failed to fetch thumbnail VTT: ${r.status}`);
+	let i = r.url || e, a = await r.text();
+	return P(n ? await n(a, i) : a).map((e) => (e.src = F(e.src, i), e));
+}
+function I(e, t) {
+	if (e.length === 0) return null;
+	let n = 0, r = e.length - 1;
+	for (; n <= r;) {
+		let i = n + r >> 1, a = e[i];
+		if (t < a.start) r = i - 1;
+		else if (t >= a.end) n = i + 1;
+		else return a;
+	}
+	return null;
 }
 //#endregion
 //#region src/state/slices.ts
-function w() {
-	return new e(T());
+function ie() {
+	return new e(L());
 }
-function T() {
+function L() {
 	return {
 		status: "idle",
 		source: null,
@@ -528,6 +699,14 @@ function T() {
 		aspectRatio: "default",
 		activeSubtitle: null,
 		subtitleTracks: [],
+		subtitleCues: [],
+		subtitleStatus: "idle",
+		subtitleError: null,
+		subtitleProviders: [],
+		subtitleSearchResults: [],
+		subtitleSearchStatus: "idle",
+		subtitleSearchError: null,
+		captionSettings: { ...S },
 		activeQuality: "Auto",
 		qualities: [],
 		controlsVisible: !0,
@@ -548,10 +727,10 @@ function T() {
 		contextMenuEnabled: !0,
 		thumbnailCues: [],
 		error: null,
-		resumeProgress: null
+		resumeState: { status: "idle" }
 	};
 }
-var E = (e) => ({
+var R = (e) => ({
 	status: e.status,
 	source: e.source,
 	isPlaying: e.isPlaying,
@@ -563,165 +742,50 @@ var E = (e) => ({
 	bufferedPercent: e.bufferedPercent,
 	playbackRate: e.playbackRate,
 	isLive: e.isLive,
-	resumeProgress: e.resumeProgress
-}), D = (e) => ({
+	resumeState: e.resumeState
+}), ae = (e) => ({
 	volume: e.volume,
 	isMuted: e.isMuted
-}), O = (e) => ({
+}), z = (e) => ({
 	isLooping: e.isLooping,
 	flip: e.flip,
 	aspectRatio: e.aspectRatio,
 	activeSubtitle: e.activeSubtitle,
 	subtitleTracks: e.subtitleTracks,
+	subtitleCues: e.subtitleCues,
+	subtitleStatus: e.subtitleStatus,
+	subtitleError: e.subtitleError,
+	subtitleProviders: e.subtitleProviders,
+	subtitleSearchResults: e.subtitleSearchResults,
+	subtitleSearchStatus: e.subtitleSearchStatus,
+	subtitleSearchError: e.subtitleSearchError,
+	captionSettings: e.captionSettings,
 	activeQuality: e.activeQuality,
 	qualities: e.qualities
-}), k = (e) => ({
+}), B = (e) => ({
 	controlsVisible: e.controlsVisible,
 	capabilities: e.capabilities,
 	isFullscreen: e.isFullscreen,
 	infoPanelVisible: e.infoPanelVisible,
 	notification: e.notification
-}), A = (e) => ({
+}), oe = (e) => ({
 	controls: e.controls,
 	settings: e.settings,
 	layers: e.layers,
 	contextMenuItems: e.contextMenuItems,
 	contextMenuEnabled: e.contextMenuEnabled
-}), j = (e) => ({ thumbnailCues: e.thumbnailCues }), M = (e) => e.error;
-//#endregion
-//#region src/subtitle-parser.ts
-function N(e) {
-	let t = e.replace(",", ".").split(":");
-	return t.length === 3 ? Number(t[0]) * 3600 + Number(t[1]) * 60 + Number(t[2]) : t.length === 2 ? Number(t[0]) * 60 + Number(t[1]) : Number(t[0]);
-}
-function P(e) {
-	return e.trim().replace(/\r\n/g, "\n").split(/\n\n+/).map((e) => {
-		let t = e.split("\n");
-		if (t.length < 3) return null;
-		let n = Number.parseInt(t[0], 10);
-		if (Number.isNaN(n)) return null;
-		let r = t[1].match(/(\d{2}:\d{2}:\d{2}[.,]\d{3})\s*-->\s*(\d{2}:\d{2}:\d{2}[.,]\d{3})/);
-		if (!r) return null;
-		let i = t.slice(2).join("\n");
-		return {
-			index: n,
-			start: N(r[1]),
-			end: N(r[2]),
-			text: i
-		};
-	}).filter((e) => e !== null);
-}
-function F(e) {
-	let t = e.replace(/\r\n/g, "\n"), n = t.indexOf("\n\n");
-	n > 0 && (t = t.slice(n + 2));
-	let r = t.trim().split(/\n\n+/), i = 0;
-	return r.map((e) => {
-		let t = e.split("\n");
-		if (t[0]?.startsWith("NOTE") || t[0]?.startsWith("STYLE")) return null;
-		let n = t.findIndex((e) => e.includes("-->"));
-		if (n === -1) return null;
-		let r = t[n].match(/(\d{2}:\d{2}:\d{2}[.,]\d{3})\s*-->\s*(\d{2}:\d{2}:\d{2}[.,]\d{3})/);
-		if (!r) return null;
-		let a = t.slice(n + 1).filter((e) => e.trim().length > 0);
-		return a.length === 0 ? null : (i++, {
-			index: i,
-			start: N(r[1]),
-			end: N(r[2]),
-			text: a.join("\n")
-		});
-	}).filter((e) => e !== null);
-}
-async function I(e) {
-	let t = await (await fetch(e.src)).text();
-	return e.src.endsWith(".srt") ? P(t) : F(t);
-}
-function te(e, t) {
-	let n = 0, r = e.length - 1;
-	for (; n <= r;) {
-		let i = n + r >> 1, a = e[i];
-		if (t < a.start) r = i - 1;
-		else if (t > a.end) n = i + 1;
-		else return a;
-	}
-	return null;
-}
-function L(e) {
-	let t = e.match(/#xywh=(\d+),(\d+),(\d+),(\d+)/);
-	return t ? {
-		src: e.replace(/#xywh=.*$/, ""),
-		x: Number(t[1]),
-		y: Number(t[2]),
-		w: Number(t[3]),
-		h: Number(t[4])
-	} : null;
-}
-function R(e) {
-	let t = e.replace(/\r\n/g, "\n"), n = t.indexOf("\n\n");
-	return n > 0 && (t = t.slice(n + 2)), t.trim().split(/\n\n+/).map((e) => {
-		let t = e.split("\n"), n = t.findIndex((e) => e.includes("-->"));
-		if (n === -1) return null;
-		let r = t[n].match(/(\d{2}:\d{2}:\d{2}[.,]\d{3})\s*-->\s*(\d{2}:\d{2}:\d{2}[.,]\d{3})/);
-		if (!r) return null;
-		let i = t.slice(n + 1).find((e) => e.trim().length > 0);
-		if (!i) return null;
-		let a = i.trim(), o = L(a), s = N(r[1]), c = N(r[2]);
-		return o ? {
-			start: s,
-			end: c,
-			src: o.src,
-			x: o.x,
-			y: o.y,
-			w: o.w,
-			h: o.h
-		} : {
-			start: s,
-			end: c,
-			src: a,
-			x: 0,
-			y: 0,
-			w: 160,
-			h: 90
-		};
-	}).filter((e) => e !== null);
-}
-function z(e, t) {
-	try {
-		return new URL(e, t).toString();
-	} catch {
-		return e;
-	}
-}
-async function B(e, t, n) {
-	let r = await fetch(e, { signal: t });
-	if (!r.ok) throw Error(`Failed to fetch thumbnail VTT: ${r.status}`);
-	let i = r.url || e, a = await r.text();
-	return R(n ? await n(a, i) : a).map((e) => (e.src = z(e.src, i), e));
-}
-function V(e, t) {
-	if (e.length === 0) return null;
-	let n = 0, r = e.length - 1;
-	for (; n <= r;) {
-		let i = n + r >> 1, a = e[i];
-		if (t < a.start) r = i - 1;
-		else if (t >= a.end) n = i + 1;
-		else return a;
-	}
-	return null;
-}
-//#endregion
-//#region src/player.ts
-var H = [
+}), V = (e) => ({ thumbnailCues: e.thumbnailCues }), H = (e) => e.error, U = [
 	"default",
 	"16:9",
 	"4:3",
 	"21:9",
 	"cover",
 	"fill"
-], ne = {
+], se = 5e3, ce = 2, le = {
 	"16:9": "16 / 9",
 	"4:3": "4 / 3",
 	"21:9": "21 / 9"
-}, re = {
+}, ue = {
 	default: "default",
 	"16:9": "16-9",
 	"4:3": "4-3",
@@ -729,90 +793,261 @@ var H = [
 	cover: "cover",
 	fill: "fill"
 };
-function ie(e) {
+function de(e) {
 	e.classList.remove("vplayer--media-default", "vplayer--media-16-9", "vplayer--media-4-3", "vplayer--media-21-9", "vplayer--media-cover", "vplayer--media-fill");
 }
-function ae(e) {
-	return typeof e == "string" && e in re ? e : "default";
+function fe(e) {
+	return typeof e == "string" && e in ue ? e : "default";
 }
-function U(e) {
+function pe(e) {
 	return e === "cover" ? "cover" : e === "fill" ? "fill" : "contain";
 }
 function W(e) {
-	let r = w(), i = { ...e }, o = new t(), s = new m(), c = new a(i.lang);
+	return {
+		...e,
+		id: e.id ?? `${e.local ? "local" : "track"}:${e.src ?? e.label}:${e.lang}`
+	};
+}
+function G(e) {
+	let r = ie(), i = { ...e }, o = new t(), s = new p(), c = new a(i.lang);
 	i.translations && c.addTranslations(i.lang ?? "en", i.translations);
-	let l = new n(), u = i.reconnectMax ?? 3, p = i.reconnectSleep ?? 1500, _ = null, v = null, y = null, b = null, x = null, S = 0, T = null, E = null, D = new g(), O = 0, k = !1, A = !1, j = null, M = [], N = !1;
-	function P(e) {
+	let l = new n(), u = i.reconnectMax ?? 3, ee = i.reconnectSleep ?? 1500, h = null, g = null, _ = null, v = 0, y = NaN, b = null, C = 0, w = null, T = null, E = null, D = null, O = new te(), k = 0, A = !1, M = !1, N = null, P = [], F = !1;
+	function I(e) {
 		return {
-			generation: O,
+			generation: k,
 			id: e.playbackProgress?.id ?? e.src,
-			store: e.playbackProgress?.store ?? D
+			store: e.playbackProgress?.store ?? O
 		};
 	}
-	let F = P(i);
-	function I() {
-		if (N) return;
-		let e = M.shift();
-		e && (N = !0, (e.kind === "save" ? e.target.store.save(e.target.id, e.progress) : e.target.store.clear(e.target.id)).catch((t) => {
+	let L = I(i);
+	function R() {
+		if (F) return;
+		let e = P.shift();
+		e && (F = !0, (e.kind === "save" ? e.target.store.save(e.target.id, e.progress) : e.target.store.clear(e.target.id)).catch((t) => {
 			console.warn(e.kind === "save" ? "[vplayer] playback progress save failed:" : "[vplayer] playback progress clear failed:", t);
 		}).finally(() => {
-			N = !1, I();
+			F = !1, R();
 		}));
 	}
-	function te(e, t) {
-		let n = M.at(-1);
-		n?.kind === "save" && n.target.generation === e.generation ? n.progress = t : M.push({
+	function ae(e, t) {
+		let n = P.at(-1);
+		n?.kind === "save" && n.target.generation === e.generation ? n.progress = t : P.push({
 			kind: "save",
 			target: e,
 			progress: t
-		}), I();
+		}), R();
 	}
-	function L(e) {
-		M.push({
+	function z(e) {
+		P.push({
 			kind: "clear",
 			target: e
-		}), I();
+		}), R();
 	}
-	function R(e = F, t = v) {
-		!t || t.ended || !Number.isFinite(t.currentTime) || t.currentTime < 0 || !f(t.duration) || te(e, {
+	function B(e = L, t = g) {
+		!t || t.ended || !Number.isFinite(t.currentTime) || t.currentTime < 0 || !f(t.duration) || (v = Date.now(), y = t.currentTime, ae(e, {
 			time: t.currentTime,
 			duration: t.duration
-		});
+		}));
+	}
+	function oe(e) {
+		!r.state.isPlaying || Date.now() - v < se || Number.isFinite(y) && Math.abs(e.currentTime - y) < ce || B(L, e);
 	}
-	function z() {
-		O++, F = P(i), k = !1, A = !1, Y(), r.setState((e) => ({
+	function V() {
+		k++, L = I(i), A = !1, M = !1, v = 0, y = NaN, r.setState((e) => ({
 			...e,
-			resumeProgress: null
+			resumeState: { status: "idle" }
 		}));
 	}
-	function V(e) {
-		if (k || !f(e.duration)) return;
-		k = !0;
-		let t = F, n = e.duration;
-		t.store.load(t.id).then((i) => {
-			!i || t.generation !== O || e !== v || A || e.currentTime !== 0 || !Number.isFinite(i.time) || !Number.isFinite(i.duration) || i.time <= 3 || i.time >= n - 3 || Math.abs(i.duration - n) > Math.max(1, n * .01) || r.setState((e) => ({
+	function H(e) {
+		if (A || !f(e.duration)) return;
+		A = !0;
+		let t = L, n = e.duration;
+		r.setState((e) => ({
+			...e,
+			resumeState: { status: "loading" }
+		})), t.store.load(t.id).then((a) => {
+			let o = i.autoPlay === !0;
+			if (t.generation === k && e === g) {
+				if (!a || !o && (M || e.currentTime !== 0) || !Number.isFinite(a.time) || !Number.isFinite(a.duration) || a.time <= 3 || a.time >= n - 3 || Math.abs(a.duration - n) > Math.max(1, n * .01)) {
+					r.setState((e) => ({
+						...e,
+						resumeState: { status: "idle" }
+					}));
+					return;
+				}
+				o ? (e.seek(a.time), r.setState((e) => ({
+					...e,
+					resumeState: { status: "idle" }
+				}))) : r.setState((e) => ({
+					...e,
+					resumeState: {
+						status: "prompt",
+						progress: a
+					}
+				}));
+			}
+		}).catch((n) => {
+			t.generation === k && e === g && r.setState((e) => ({
 				...e,
-				resumeProgress: i
+				resumeState: { status: "idle" }
+			})), console.warn("[vplayer] playback progress load failed:", n);
+		});
+	}
+	function G(e) {
+		r.setState((t) => {
+			let n = new Map(t.subtitleTracks.map((e) => [e.id, e]));
+			for (let t of e) {
+				let e = W(t);
+				n.set(e.id, e);
+			}
+			return {
+				...t,
+				subtitleTracks: [...n.values()]
+			};
+		});
+	}
+	function K(e) {
+		T?.abort();
+		let t = new AbortController();
+		T = t, r.setState((t) => ({
+			...t,
+			activeSubtitle: e,
+			subtitleCues: [],
+			subtitleStatus: "loading",
+			subtitleError: null
+		})), j(e, t.signal).then((e) => {
+			t.signal.aborted || r.setState((t) => ({
+				...t,
+				subtitleCues: e,
+				subtitleStatus: "ready",
+				subtitleError: null
+			}));
+		}, (e) => {
+			t.signal.aborted || r.setState((t) => ({
+				...t,
+				subtitleCues: [],
+				subtitleStatus: "error",
+				subtitleError: e instanceof Error ? e.message : String(e)
+			}));
+		});
+	}
+	function q() {
+		let e = (i.subtitleProviders ?? []).map(({ id: e, label: t }) => ({
+			id: e,
+			label: t
+		}));
+		r.setState((t) => ({
+			...t,
+			subtitleProviders: e,
+			subtitleSearchResults: [],
+			subtitleSearchStatus: "idle",
+			subtitleSearchError: null
+		}));
+	}
+	function me(e = {}) {
+		E?.abort();
+		let t = i.subtitleProviders ?? [], n = e.providerId ? t.filter((t) => t.id === e.providerId) : t;
+		if (n.length === 0) {
+			r.setState((e) => ({
+				...e,
+				subtitleSearchResults: [],
+				subtitleSearchStatus: "idle",
+				subtitleSearchError: null
+			}));
+			return;
+		}
+		let a = new AbortController();
+		E = a;
+		let o = {
+			...e,
+			title: e.title ?? i.title
+		};
+		r.setState((e) => ({
+			...e,
+			subtitleSearchResults: [],
+			subtitleSearchStatus: "loading",
+			subtitleSearchError: null
+		})), Promise.allSettled(n.map(async (e) => {
+			let t = await e.search(o, a.signal);
+			return (Array.isArray(t) ? t : t.items).map((t) => Object.assign({}, t, {
+				providerId: e.id,
+				providerLabel: e.label
+			}));
+		})).then((e) => {
+			if (a.signal.aborted) return;
+			let t = e.flatMap((e) => e.status === "fulfilled" ? e.value : []), i = e.flatMap((e, t) => e.status === "rejected" ? [`${n[t]?.label ?? "Subtitle provider"}: ${e.reason instanceof Error ? e.reason.message : String(e.reason)}`] : []);
+			r.setState((n) => ({
+				...n,
+				subtitleSearchResults: t,
+				subtitleSearchStatus: i.length === e.length ? "error" : "ready",
+				subtitleSearchError: i.length > 0 ? i.join("; ") : null
+			}));
+		});
+	}
+	function he(e) {
+		T?.abort();
+		let t = (i.subtitleProviders ?? []).find((t) => t.id === e.providerId);
+		if (!t) {
+			r.setState((t) => ({
+				...t,
+				subtitleStatus: "error",
+				subtitleError: `Subtitle provider "${e.providerLabel}" is no longer available.`
 			}));
-		}).catch((e) => console.warn("[vplayer] playback progress load failed:", e));
+			return;
+		}
+		let n = new AbortController();
+		T = n, r.setState((e) => ({
+			...e,
+			activeSubtitle: null,
+			subtitleCues: [],
+			subtitleStatus: "loading",
+			subtitleError: null
+		})), (async () => {
+			try {
+				let i = await t.fetch(e, n.signal), a = W({
+					id: `provider:${t.id}:${e.id}`,
+					lang: e.language,
+					label: e.label,
+					format: i.format ?? e.format,
+					...i.content === void 0 ? { src: i.src } : { content: i.content }
+				}), o = await j(a, n.signal);
+				if (n.signal.aborted) return;
+				G([a]), r.setState((e) => ({
+					...e,
+					activeSubtitle: a,
+					subtitleCues: o,
+					subtitleStatus: "ready",
+					subtitleError: null
+				}));
+			} catch (e) {
+				if (n.signal.aborted) return;
+				r.setState((t) => ({
+					...t,
+					subtitleCues: [],
+					subtitleStatus: "error",
+					subtitleError: e instanceof Error ? e.message : String(e)
+				}));
+			}
+		})();
 	}
-	function W() {
-		E && typeof navigator < "u" && "mediaSession" in navigator && navigator.mediaSession.metadata === E && (navigator.mediaSession.metadata = null), E = null;
+	i.subtitles?.length && G(i.subtitles), q();
+	function ge() {
+		D && typeof navigator < "u" && "mediaSession" in navigator && navigator.mediaSession.metadata === D && (navigator.mediaSession.metadata = null), D = null;
 	}
-	function G() {
+	function _e() {
 		if (typeof navigator > "u" || !("mediaSession" in navigator) || typeof MediaMetadata > "u") return;
 		let e = i.title?.trim();
 		if (!e) {
-			W();
+			ge();
 			return;
 		}
 		let t = new MediaMetadata({
 			title: e,
 			artwork: i.poster ? [{ src: i.poster }] : []
 		});
-		navigator.mediaSession.metadata = t, E = t;
+		navigator.mediaSession.metadata = t, D = t;
 	}
-	function K() {
+	function ve() {
 		l.register({
 			key: "Space",
 			description: "Toggle play/pause",
@@ -885,48 +1120,48 @@ function W(e) {
 			}
 		});
 	}
-	i.defaultHotkeys !== !1 && K();
-	function q() {
+	i.defaultHotkeys !== !1 && ve();
+	function ye() {
 		if (typeof document > "u") return;
 		let e = document;
 		r.setState((t) => ({
 			...t,
 			isFullscreen: !!(document.fullscreenElement || e.webkitFullscreenElement),
-			capabilities: d(v?.element ?? void 0, _)
+			capabilities: d(g?.element ?? void 0, h)
 		}));
 	}
 	let J = {
 		play: () => {
-			v?.play();
+			g?.play();
 		},
-		pause: () => v?.pause(),
+		pause: () => g?.pause(),
 		togglePlay: () => {
-			let e = v;
+			let e = g;
 			e && (e.paused || e.ended ? e.play() : e.pause());
 		},
 		resumeFromSavedProgress: () => {
-			let e = r.state.resumeProgress;
-			e && (r.setState((e) => ({
+			let e = r.state.resumeState;
+			e.status === "prompt" && (r.setState((e) => ({
 				...e,
-				resumeProgress: null
-			})), v?.seek(e.time), v?.play());
+				resumeState: { status: "idle" }
+			})), g?.seek(e.progress.time), g?.play());
 		},
 		startPlaybackOver: () => {
-			let e = F;
+			let e = L;
 			r.setState((e) => ({
 				...e,
-				resumeProgress: null
-			})), v?.seek(0), L(e);
+				resumeState: { status: "idle" }
+			})), g?.seek(0), z(e);
 		},
-		seek: (e) => v?.seek(e),
+		seek: (e) => g?.seek(e),
 		skip: (e) => {
-			let t = v;
+			let t = g;
 			if (!t) return;
 			let n = f(t.duration) ? t.duration : Infinity, r = Math.max(0, Math.min(t.currentTime + e, n));
 			t.seek(r);
 		},
 		setVolume: (e) => {
-			let t = v;
+			let t = g;
 			if (!t) return;
 			let n = Math.max(0, Math.min(1, e));
 			t.setVolume(n), n > 0 && t.setMuted(!1), r.setState((e) => ({
@@ -936,34 +1171,82 @@ function W(e) {
 			}));
 		},
 		toggleMute: () => {
-			let e = v;
+			let e = g;
 			e && (e.setMuted(!e.muted), r.setState((t) => ({
 				...t,
 				isMuted: e.muted
 			})));
 		},
 		setPlaybackRate: (e) => {
-			let t = v;
+			let t = g;
 			t && (t.setPlaybackRate(e), r.setState((e) => ({
 				...e,
 				playbackRate: t.playbackRate
 			})));
 		},
 		toggleFullscreen: () => {
-			if (!_ || typeof document > "u") return;
-			let e = _, t = document, n = !!(document.fullscreenElement || t.webkitFullscreenElement), r = () => {
-				_?.focus({ preventScroll: !0 }), q();
-			}, i = n ? typeof document.exitFullscreen == "function" ? document.exitFullscreen() : t.webkitExitFullscreen?.() : typeof _.requestFullscreen == "function" ? _.requestFullscreen() : e.webkitRequestFullscreen?.();
+			if (!h || typeof document > "u") return;
+			let e = h, t = document, n = !!(document.fullscreenElement || t.webkitFullscreenElement), r = () => {
+				h?.focus({ preventScroll: !0 }), ye();
+			}, i = n ? typeof document.exitFullscreen == "function" ? document.exitFullscreen() : t.webkitExitFullscreen?.() : typeof h.requestFullscreen == "function" ? h.requestFullscreen() : e.webkitRequestFullscreen?.();
 			Promise.resolve(i).then(r, r);
 		},
 		togglePiP: () => {
-			let e = v;
+			let e = g;
 			!e || typeof document > "u" || (document.pictureInPictureElement ? e.exitPictureInPicture() : e.requestPictureInPicture());
 		},
 		setActiveSubtitle: (e) => {
+			if (!e) {
+				T?.abort(), r.setState((e) => ({
+					...e,
+					activeSubtitle: null,
+					subtitleCues: [],
+					subtitleStatus: "idle",
+					subtitleError: null
+				}));
+				return;
+			}
+			K(e);
+		},
+		addSubtitleTrack: (e) => {
+			let t = W(e);
+			G([t]), K(t);
+		},
+		removeSubtitleTrack: (e) => {
+			r.state.activeSubtitle?.id === e && J.setActiveSubtitle(null), r.setState((t) => ({
+				...t,
+				subtitleTracks: t.subtitleTracks.filter((t) => t.id !== e)
+			}));
+		},
+		searchSubtitles: me,
+		selectSubtitleResult: he,
+		clearSubtitleSearch: () => {
+			E?.abort(), E = null, r.setState((e) => ({
+				...e,
+				subtitleSearchResults: [],
+				subtitleSearchStatus: "idle",
+				subtitleSearchError: null
+			}));
+		},
+		setCaptionSettings: (e) => {
 			r.setState((t) => ({
 				...t,
-				activeSubtitle: e
+				captionSettings: {
+					...t.captionSettings,
+					...e,
+					fontScale: Math.max(50, Math.min(200, e.fontScale ?? t.captionSettings.fontScale)),
+					textOpacity: Math.max(0, Math.min(1, e.textOpacity ?? t.captionSettings.textOpacity)),
+					backgroundOpacity: Math.max(0, Math.min(1, e.backgroundOpacity ?? t.captionSettings.backgroundOpacity)),
+					position: Math.max(-20, Math.min(30, e.position ?? t.captionSettings.position)),
+					lineHeight: Math.max(1, Math.min(2, e.lineHeight ?? t.captionSettings.lineHeight)),
+					delay: Math.max(-10, Math.min(10, e.delay ?? t.captionSettings.delay))
+				}
+			}));
+		},
+		resetCaptionSettings: () => {
+			r.setState((e) => ({
+				...e,
+				captionSettings: { ...S }
 			}));
 		},
 		setActiveQuality: (e) => {
@@ -973,7 +1256,7 @@ function W(e) {
 			}));
 		},
 		takeScreenshot: async () => {
-			let e = v;
+			let e = g;
 			if (!e) return;
 			let t = await e.screenshot();
 			if (!t) return;
@@ -981,7 +1264,7 @@ function W(e) {
 			r.href = n, r.download = `vplayer-screenshot-${Date.now()}.png`, r.click(), URL.revokeObjectURL(n);
 		},
 		setFlip: (e) => {
-			let t = v?.element;
+			let t = g?.element;
 			if (!t) return;
 			let n = "";
 			e === "horizontal" && (n = "scaleX(-1)"), e === "vertical" && (n = "scaleY(-1)"), t.style.transform = n, r.setState((t) => ({
@@ -990,20 +1273,20 @@ function W(e) {
 			}));
 		},
 		setAspectRatio: (e) => {
-			let t = ae(e), n = v?.element;
+			let t = fe(e), n = g?.element;
 			if (!n) return;
-			let i = ne[t];
-			i ? n.style.setProperty("--vplayer-media-aspect-ratio", i) : n.style.removeProperty("--vplayer-media-aspect-ratio"), n.style.objectFit = U(t), n.style.setProperty("--vplayer-media-object-fit", U(t)), _ && (ie(_), _.classList.add(`vplayer--media-${re[t]}`)), r.setState((e) => ({
+			let i = le[t];
+			i ? n.style.setProperty("--vplayer-media-aspect-ratio", i) : n.style.removeProperty("--vplayer-media-aspect-ratio"), n.style.objectFit = pe(t), n.style.setProperty("--vplayer-media-object-fit", pe(t)), h && (de(h), h.classList.add(`vplayer--media-${ue[t]}`)), r.setState((e) => ({
 				...e,
 				aspectRatio: t
 			}));
 		},
 		cycleAspectRatio: () => {
-			let e = r.state.aspectRatio, t = H[(H.indexOf(e) + 1) % H.length] ?? "default";
+			let e = r.state.aspectRatio, t = U[(U.indexOf(e) + 1) % U.length] ?? "default";
 			J.setAspectRatio(t);
 		},
 		toggleLoop: () => {
-			let e = v;
+			let e = g;
 			e && (e.setLooping(!e.looping), r.setState((t) => ({
 				...t,
 				isLooping: e.looping
@@ -1016,13 +1299,13 @@ function W(e) {
 			}));
 		}
 	};
-	function oe(e) {
+	function be(e) {
 		return [
 			e.on("play", () => {
-				A = !0, r.setState((e) => ({
+				M = !0, r.setState((e) => ({
 					...e,
-					resumeProgress: null
-				})), G(), r.setState((e) => ({
+					resumeState: { status: "idle" }
+				})), _e(), r.setState((e) => ({
 					...e,
 					status: "playing",
 					isPlaying: !0,
@@ -1030,7 +1313,7 @@ function W(e) {
 					isBuffering: !1,
 					isEnded: !1,
 					error: null
-				})), S = 0;
+				})), C = 0;
 			}),
 			e.on("pause", () => {
 				r.setState((e) => ({
@@ -1040,15 +1323,15 @@ function W(e) {
 					isPaused: !e.isEnded,
 					isBuffering: !1,
 					controlsVisible: !0
-				})), e.ended || R(F, e);
+				})), e.ended || B(L, e);
 			}),
 			e.on("ended", () => {
-				Y();
-				for (let e = M.length - 1; e >= 0; e--) {
-					let t = M[e];
-					t?.kind === "save" && t.target.generation === F.generation && M.splice(e, 1);
+				v = 0, y = NaN;
+				for (let e = P.length - 1; e >= 0; e--) {
+					let t = P[e];
+					t?.kind === "save" && t.target.generation === L.generation && P.splice(e, 1);
 				}
-				L(F), r.setState((e) => ({
+				z(L), r.setState((e) => ({
 					...e,
 					status: "ended",
 					isPlaying: !1,
@@ -1056,17 +1339,17 @@ function W(e) {
 					isBuffering: !1,
 					isEnded: !0,
 					controlsVisible: !0,
-					resumeProgress: null
+					resumeState: { status: "idle" }
 				})), i.onEnded?.();
 			}),
 			e.on("timeupdate", () => {
 				r.setState((t) => ({
 					...t,
 					currentTime: e.currentTime
-				})), i.onTimeUpdate?.(e.currentTime);
+				})), i.onTimeUpdate?.(e.currentTime), oe(e);
 			}),
 			e.on("loadedmetadata", () => {
-				x !== null && (clearTimeout(x), x = null), S = 0, r.setState((t) => ({
+				b !== null && (clearTimeout(b), b = null), C = 0, r.setState((t) => ({
 					...t,
 					status: t.status === "idle" || t.status === "loading" || t.status === "error" ? "ready" : t.status,
 					duration: f(e.duration) ? e.duration : 0,
@@ -1075,7 +1358,7 @@ function W(e) {
 					isMuted: e.muted,
 					playbackRate: e.playbackRate,
 					error: null
-				})), V(e);
+				})), H(e);
 			}),
 			e.on("progress", () => {
 				let t = e.buffered;
@@ -1094,7 +1377,7 @@ function W(e) {
 				}));
 			}),
 			e.on("canplay", () => {
-				x !== null && (clearTimeout(x), x = null), S = 0, r.setState((e) => ({
+				b !== null && (clearTimeout(b), b = null), C = 0, r.setState((e) => ({
 					...e,
 					status: e.isPlaying ? "playing" : "ready",
 					isBuffering: !1,
@@ -1106,7 +1389,7 @@ function W(e) {
 					...t,
 					duration: f(e.duration) ? e.duration : 0,
 					isLive: !f(e.duration)
-				}));
+				})), H(e);
 			}),
 			e.on("seeking", () => {
 				r.setState((e) => ({
@@ -1118,15 +1401,16 @@ function W(e) {
 				r.setState((e) => ({
 					...e,
 					status: e.isPlaying ? "playing" : "ready"
-				}));
+				})), B(L, e);
 			}),
 			e.on("playing", () => {
-				r.setState((e) => ({
+				M = !0, r.setState((e) => ({
 					...e,
 					status: "playing",
 					isPlaying: !0,
 					isPaused: !1,
-					isBuffering: !1
+					isBuffering: !1,
+					resumeState: { status: "idle" }
 				}));
 			}),
 			e.on("volumechange", () => {
@@ -1149,7 +1433,7 @@ function W(e) {
 					status: e.isPlaying ? e.status : "paused",
 					error: {
 						message: t,
-						reconnectAttempt: S,
+						reconnectAttempt: C,
 						isReconnecting: !1
 					}
 				})), i.onError?.(t);
@@ -1161,35 +1445,26 @@ function W(e) {
 					status: "error",
 					error: {
 						message: t,
-						reconnectAttempt: S,
+						reconnectAttempt: C,
 						isReconnecting: !1
 					}
-				})), i.onError?.(t), o.emit("video:error", { message: t }), S < u && (r.setState((e) => ({
+				})), i.onError?.(t), o.emit("video:error", { message: t }), C < u && (r.setState((e) => ({
 					...e,
 					error: {
 						message: t,
-						reconnectAttempt: S,
+						reconnectAttempt: C,
 						isReconnecting: !0
 					}
-				})), o.emit("video:reconnecting", { attempt: S + 1 }), x !== null && clearTimeout(x), x = setTimeout(() => {
-					x = null, S++, o.emit("video:reconnect", { attempt: S }), e.load();
-				}, p));
+				})), o.emit("video:reconnecting", { attempt: C + 1 }), b !== null && clearTimeout(b), b = setTimeout(() => {
+					b = null, C++, o.emit("video:reconnect", { attempt: C }), e.load();
+				}, ee));
 			})
 		];
 	}
-	function se() {
-		Y(), b = setInterval(() => R(), 5e3);
-	}
-	function Y() {
-		b !== null && (clearInterval(b), b = null);
-	}
-	let ce = r.subscribe(() => {
-		let e = r.state;
-		e.isPlaying && e.duration > 0 && !e.isLive ? b === null && se() : Y();
-	}), X = null;
-	function le() {
+	let Y = null;
+	function xe() {
 		if (!i.persistPreferences) return;
-		let e = s.get(h.VOLUME), t = s.get(h.MUTED), n = s.get(h.PLAYBACK_RATE), a = s.get(h.LOOP), o = s.get(h.FLIP), c = s.get(h.ASPECT_RATIO);
+		let e = s.get(m.VOLUME), t = s.get(m.MUTED), n = s.get(m.PLAYBACK_RATE), a = s.get(m.LOOP), o = s.get(m.FLIP), c = s.get(m.ASPECT_RATIO), l = s.get(m.CAPTION_SETTINGS);
 		r.setState((r) => ({
 			...r,
 			volume: e ?? r.volume,
@@ -1197,17 +1472,22 @@ function W(e) {
 			playbackRate: n ?? r.playbackRate,
 			isLooping: a ?? r.isLooping,
 			flip: o ?? r.flip,
-			aspectRatio: ae(c)
-		})), X = r.subscribe(() => {
+			aspectRatio: fe(c),
+			captionSettings: l ? {
+				...S,
+				...l,
+				backgroundOpacity: Math.max(0, Math.min(1, l.backgroundOpacity))
+			} : r.captionSettings
+		})), Y = r.subscribe(() => {
 			let e = r.state;
-			e.volume !== 1 && s.set(h.VOLUME, e.volume), e.isMuted && s.set(h.MUTED, !0), e.playbackRate !== 1 && s.set(h.PLAYBACK_RATE, e.playbackRate), e.isLooping ? s.set(h.LOOP, !0) : s.remove(h.LOOP), e.flip === "normal" ? s.remove(h.FLIP) : s.set(h.FLIP, e.flip), e.aspectRatio === "default" ? s.remove(h.ASPECT_RATIO) : s.set(h.ASPECT_RATIO, e.aspectRatio);
+			e.volume !== 1 && s.set(m.VOLUME, e.volume), e.isMuted && s.set(m.MUTED, !0), e.playbackRate !== 1 && s.set(m.PLAYBACK_RATE, e.playbackRate), e.isLooping ? s.set(m.LOOP, !0) : s.remove(m.LOOP), e.flip === "normal" ? s.remove(m.FLIP) : s.set(m.FLIP, e.flip), e.aspectRatio === "default" ? s.remove(m.ASPECT_RATIO) : s.set(m.ASPECT_RATIO, e.aspectRatio), s.set(m.CAPTION_SETTINGS, e.captionSettings);
 		});
 	}
-	function ue() {
-		X &&= (X(), null);
+	function Se() {
+		Y &&= (Y.unsubscribe(), null);
 	}
-	function Z(e) {
-		if (T?.abort(), T = null, !e) {
+	function X(e) {
+		if (w?.abort(), w = null, !e) {
 			r.setState((e) => ({
 				...e,
 				thumbnailCues: []
@@ -1215,7 +1495,7 @@ function W(e) {
 			return;
 		}
 		let t = new AbortController();
-		T = t, B(e, t.signal, i.transformThumbnailVTT).then((e) => {
+		w = t, re(e, t.signal, i.transformThumbnailVTT).then((e) => {
 			t.signal.aborted || r.setState((t) => ({
 				...t,
 				thumbnailCues: e
@@ -1227,7 +1507,7 @@ function W(e) {
 			})));
 		});
 	}
-	function de(e) {
+	function Ce(e) {
 		return {
 			name: e,
 			store: r,
@@ -1238,10 +1518,10 @@ function W(e) {
 			i18n: c,
 			context: {
 				containerRef: { get current() {
-					return _;
+					return h;
 				} },
 				videoRef: { get current() {
-					return v?.element;
+					return g?.element;
 				} }
 			},
 			addControl: (e) => (r.setState((t) => ({
@@ -1310,15 +1590,15 @@ function W(e) {
 			}
 		};
 	}
-	let Q = [];
-	function fe(e = !0) {
-		x !== null && (clearTimeout(x), x = null), S = 0;
-		for (let e of Q) e();
-		Q = [], v && (e && R(F, v), v.destroy(), v = null, $.engine = null);
+	let Z = [];
+	function we(e = !0) {
+		b !== null && (clearTimeout(b), b = null), C = 0;
+		for (let e of Z) e();
+		Z = [], g && (e && B(L, g), g.destroy(), g = null, $.engine = null);
 	}
-	function pe(e) {
-		let t = C(i), n = ee(e, i);
-		v = n, $.engine = n, Q = oe(n), e.playsInline = !0, e.autoplay = !!i.autoPlay, e.preload = e.preload || "metadata", r.setState((n) => ({
+	function Q(e) {
+		let t = x(i), n = ne(e, i);
+		g = n, $.engine = n, Z = be(n), e.playsInline = !0, e.autoplay = !!i.autoPlay, e.preload = e.preload || "metadata", r.setState((n) => ({
 			...n,
 			status: "loading",
 			source: t,
@@ -1329,15 +1609,15 @@ function W(e) {
 			currentTime: 0,
 			duration: 0,
 			bufferedPercent: 0,
-			capabilities: d(e, _),
+			capabilities: d(e, h),
 			error: null
 		})), i.autoPlay && n.play();
 	}
-	function me(e = !0) {
-		let t = v?.element;
+	function Te(e = !0) {
+		let t = g?.element;
 		if (t) {
-			for (fe(e), t.pause(), t.removeAttribute("src"); t.firstChild;) t.removeChild(t.firstChild);
-			t.load(), pe(t);
+			for (we(e), t.pause(), t.removeAttribute("src"); t.firstChild;) t.removeChild(t.firstChild);
+			t.load(), Q(t);
 		}
 	}
 	let $ = {
@@ -1349,31 +1629,33 @@ function W(e) {
 		hotkeys: l,
 		engine: null,
 		updateOptions(e) {
-			let t = typeof e.src == "string" && e.src !== i.src, n = Object.hasOwn(e, "type") && e.type !== i.type, a = Object.hasOwn(e, "thumbnails") && e.thumbnails !== i.thumbnails, o = Object.hasOwn(e, "transformThumbnailVTT") && e.transformThumbnailVTT !== i.transformThumbnailVTT, s = {
+			let t = typeof e.src == "string" && e.src !== i.src, n = Object.hasOwn(e, "type") && e.type !== i.type, a = Object.hasOwn(e, "thumbnails") && e.thumbnails !== i.thumbnails, o = Object.hasOwn(e, "transformThumbnailVTT") && e.transformThumbnailVTT !== i.transformThumbnailVTT, s = Object.hasOwn(e, "subtitleProviders") && e.subtitleProviders !== i.subtitleProviders, c = {
 				...i,
 				...e
-			}, c = P(s), l = c.id !== F.id || c.store !== F.store;
-			(t || l) && R(F, v), i = s, (t || l) && z(), (r.state.isPlaying || E) && G(), r.setState((t) => {
-				let n = e.subtitles ?? t.subtitleTracks, r = e.qualities ?? t.qualities;
+			}, l = I(c), u = l.id !== L.id || l.store !== L.store;
+			if ((t || u) && B(L, g), i = c, (t || u) && V(), (r.state.isPlaying || D) && _e(), r.setState((t) => {
+				let n = e.qualities ?? t.qualities;
 				return {
 					...t,
-					subtitleTracks: n,
-					qualities: r,
-					activeSubtitle: e.subtitles ? t.activeSubtitle && e.subtitles.some((e) => e.lang === t.activeSubtitle.lang) ? t.activeSubtitle : e.subtitles.find((e) => e.default) ?? e.subtitles[0] ?? null : t.activeSubtitle,
+					qualities: n,
 					activeQuality: e.qualities ? e.qualities.includes(t.activeQuality) ? t.activeQuality : e.qualities[0] ?? "Auto" : t.activeQuality
 				};
-			}), (a || o) && Z(i.thumbnails), t || n ? me(!(t || l)) : l && v && f(v.duration) && V(v);
+			}), e.subtitles && (G(e.subtitles), !r.state.activeSubtitle)) {
+				let t = e.subtitles.find((e) => e.default) ?? null;
+				t && J.setActiveSubtitle(W(t));
+			}
+			s && (E?.abort(), E = null, q()), (a || o) && X(i.thumbnails), t || n ? Te(!(t || u)) : u && g && f(g.duration) && H(g);
 		},
 		setThumbnails(e) {
 			i = {
 				...i,
 				thumbnails: e
-			}, Z(e);
+			}, X(e);
 		},
 		initPlugins(e) {
 			let t = [];
 			for (let n of e) {
-				let e = de(n.name);
+				let e = Ce(n.name);
 				try {
 					let r = n.setup?.(e);
 					typeof r == "function" && t.push(r);
@@ -1390,11 +1672,18 @@ function W(e) {
 			};
 		},
 		mount(e, t) {
-			v && this.unmount(), _ = t, pe(e), y = q, document.addEventListener("fullscreenchange", y), document.addEventListener("webkitfullscreenchange", y), j = () => R(), window.addEventListener("pagehide", j), Z(i.thumbnails), le(), J.setAspectRatio(r.state.aspectRatio);
+			g && this.unmount(), h = t, Q(e), _ = ye, document.addEventListener("fullscreenchange", _), document.addEventListener("webkitfullscreenchange", _), N = () => B(), window.addEventListener("pagehide", N), X(i.thumbnails);
+			let n = r.state.subtitleTracks.find((e) => e.default);
+			n && J.setActiveSubtitle(n), xe(), J.setAspectRatio(r.state.aspectRatio);
 		},
 		unmount() {
-			fe(), z(), W(), _ = null, T?.abort(), T = null, ue(), x !== null && (clearTimeout(x), x = null), y &&= (document.removeEventListener("fullscreenchange", y), document.removeEventListener("webkitfullscreenchange", y), null), j &&= (window.removeEventListener("pagehide", j), null), r.setState((e) => ({
+			we(), V(), ge(), h = null, w?.abort(), w = null, T?.abort(), T = null, E?.abort(), E = null, Se(), b !== null && (clearTimeout(b), b = null), _ &&= (document.removeEventListener("fullscreenchange", _), document.removeEventListener("webkitfullscreenchange", _), null), N &&= (window.removeEventListener("pagehide", N), null), r.setState((e) => ({
 				...e,
+				activeSubtitle: null,
+				subtitleTracks: e.subtitleTracks.filter((e) => !e.local),
+				subtitleCues: [],
+				subtitleStatus: "idle",
+				subtitleError: null,
 				status: "idle",
 				isPlaying: !1,
 				isPaused: !0,
@@ -1403,14 +1692,14 @@ function W(e) {
 			}));
 		},
 		destroy() {
-			this.unmount(), ce(), o.clear();
+			this.unmount(), o.clear();
 		}
 	};
 	return $;
 }
 //#endregion
 //#region src/gesture-engine.ts
-function G(e, t) {
+function K(e, t) {
 	let n = null, r = null, i = null, a = typeof window < "u" && "ontouchstart" in window;
 	function o(t) {
 		if (!a || t.touches.length !== 1) return;
@@ -1470,14 +1759,14 @@ function G(e, t) {
 }
 //#endregion
 //#region src/utils.ts
-function K(e) {
+function q(e) {
 	if (!Number.isFinite(e) || e < 0) return "0:00";
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return t > 0 ? `${t}:${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}` : `${n}:${String(r).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/defaults.ts
-var q = {
+var me = {
 	play: "Play",
 	pause: "Pause",
 	replay: "Replay",
@@ -1494,6 +1783,38 @@ var q = {
 	quality: "Quality",
 	subtitles: "Subtitles",
 	off: "Off",
+	loadSubtitleFile: "Load subtitle file…",
+	findSubtitlesOnline: "Find subtitles online",
+	subtitleSearch: "Search",
+	subtitleSearchPlaceholder: "Search subtitles…",
+	subtitleSource: "Source",
+	subtitleAllSources: "All sources",
+	subtitleLanguage: "Language",
+	subtitleAllLanguages: "All languages",
+	subtitleNoResults: "No subtitles found",
+	subtitleSearching: "Searching…",
+	captionAppearance: "Caption appearance",
+	captionSize: "Text size",
+	captionTextColor: "Text color",
+	captionBackgroundColor: "Background color",
+	captionBackgroundOpacity: "Background opacity",
+	captionSmall: "Small",
+	captionMedium: "Default",
+	captionLarge: "Large",
+	captionReset: "Reset",
+	captionFontFamily: "Font",
+	captionFontScale: "Scale",
+	captionTextOpacity: "Text opacity",
+	captionEdgeStyle: "Edge effect",
+	captionEdgeNone: "None",
+	captionEdgeShadow: "Shadow",
+	captionEdgeOutline: "Outline",
+	captionEdgeColor: "Edge color",
+	captionPosition: "Vertical position",
+	captionLineHeight: "Line spacing",
+	captionDelay: "Subtitle delay",
+	captionPreview: "Caption preview",
+	subtitleLoadError: "Could not load subtitles",
 	endedTitle: "You've reached the end",
 	screenshot: "Screenshot",
 	flip: "Flip",
@@ -1519,4 +1840,4 @@ var q = {
 	loop: "Loop"
 };
 //#endregion
-export { _ as BaseMediaEngine, b as DashMediaEngine, t as EventBus, y as HlsMediaEngine, n as HotkeyRegistry, a as I18n, g as LocalPlaybackProgressStore, v as NativeVideoEngine, h as STORAGE_KEYS, m as Storage, c as canUseFullscreen, o as canUseMSE, s as canUseNativeHLS, l as canUsePictureInPicture, u as canUseTextTracks, G as createGestureEngine, w as createMediaStore, W as createPlayer, ee as createResolvedMediaEngine, q as defaultPlayerLabels, S as detectSourceKind, I as fetchSubtitles, B as fetchThumbnails, K as formatTime, te as getActiveCue, T as getInitialMediaState, d as getMediaCapabilities, V as getThumbnailAtTime, f as isFiniteDuration, P as parseSRT, R as parseThumbnailVTT, N as parseTimestamp, F as parseVTT, D as selectAudio, M as selectError, E as selectMedia, A as selectPlugins, O as selectPreferences, j as selectThumbnails, k as selectUI, C as toPlayerSource };
+export { h as BaseMediaEngine, v as DashMediaEngine, t as EventBus, _ as HlsMediaEngine, n as HotkeyRegistry, a as I18n, te as LocalPlaybackProgressStore, g as NativeVideoEngine, m as STORAGE_KEYS, p as Storage, c as canUseFullscreen, o as canUseMSE, s as canUseNativeHLS, l as canUsePictureInPicture, u as canUseTextTracks, K as createGestureEngine, ie as createMediaStore, G as createPlayer, ne as createResolvedMediaEngine, me as defaultPlayerLabels, b as detectSourceKind, j as fetchSubtitles, re as fetchThumbnails, q as formatTime, M as getActiveCue, L as getInitialMediaState, d as getMediaCapabilities, I as getThumbnailAtTime, f as isFiniteDuration, O as parseSRT, A as parseSubtitles, P as parseThumbnailVTT, E as parseTimestamp, k as parseVTT, ae as selectAudio, H as selectError, R as selectMedia, oe as selectPlugins, z as selectPreferences, V as selectThumbnails, B as selectUI, x as toPlayerSource };