@vplayer/core 0.1.2 → 0.1.4

package/dist/index.d.ts

@@ -19,5 +19,5 @@ export { defaultPlayerLabels, defaultPlayerIcons } from './defaults';
 export { BaseMediaEngine, NativeVideoEngine, HlsMediaEngine, DashMediaEngine } from './media-engine';
 export type { MediaEngine, MediaEngineDimensions, MediaEngineError, MediaEngineEvent, MediaEngineEventHandler, HlsMediaEngineOptions, DashMediaEngineOptions, } from './media-engine';
 export { createMediaStore, getInitialMediaState, selectMedia, selectAudio, selectPreferences, selectUI, selectPlugins, selectThumbnails, selectError, } from './state/slices';
-export type { PlayerOptions, MediaState, MediaRemote, PlayerLabels, PlayerIcons, SvgIcon, PlayerInstance, PlayerSystems, PlayerError, PlaybackStatus, } from './types';
+export type { PlayerOptions, TransformThumbnailVTT, MediaState, MediaRemote, PlayerLabels, PlayerIcons, SvgIcon, PlayerInstance, PlayerSystems, PlayerError, PlaybackStatus, } from './types';
 export type { ControlRegistration, SettingRegistration, LayerRegistration, ContextMenuItem, ContextMenuRegistration, PlayerPlugin, PluginAPI, RemoteRef, PlayerContextRef, FlipState, AspectRatioState, SettingItem, } from './plugin-api';

package/dist/index.js

@@ -676,10 +676,11 @@ function B(e, t) {
 		return e;
 	}
 }
-async function V(e, t) {
-	let n = await fetch(e, { signal: t });
-	if (!n.ok) throw Error(`Failed to fetch thumbnail VTT: ${n.status}`);
-	return z(await n.text()).map((t) => (t.src = B(t.src, n.url || e), t));
+async function V(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 z(n ? await n(a, i) : a).map((e) => (e.src = B(e.src, i), e));
 }
 function H(e, t) {
 	if (e.length === 0) return null;
@@ -1117,7 +1118,7 @@ function Y(e) {
 			return;
 		}
 		let t = new AbortController();
-		C = t, V(e, t.signal).then((e) => {
+		C = t, V(e, t.signal, i.transformThumbnailVTT).then((e) => {
 			t.signal.aborted || r.setState((t) => ({
 				...t,
 				thumbnailCues: e
@@ -1250,7 +1251,7 @@ function Y(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;
+			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;
 			i = {
 				...i,
 				...e
@@ -1263,7 +1264,7 @@ function Y(e) {
 					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,
 					activeQuality: e.qualities ? e.qualities.includes(t.activeQuality) ? t.activeQuality : e.qualities[0] ?? "Auto" : t.activeQuality
 				};
-			}), Object.hasOwn(e, "thumbnails") && I(e.thumbnails), (t || n) && H();
+			}), a && I(e.thumbnails), (t || n) && H();
 		},
 		setThumbnails(e) {
 			i = {

package/dist/subtitle-parser.d.ts

@@ -36,6 +36,6 @@ export interface ThumbnailCue {
 }
 /** Parse a VTT thumbnail sprite file into cues */
 export declare function parseThumbnailVTT(content: string): ThumbnailCue[];
-export declare function fetchThumbnails(url: string, signal?: AbortSignal): Promise<ThumbnailCue[]>;
+export declare function fetchThumbnails(url: string, signal?: AbortSignal, transform?: (content: string, responseUrl: string) => string | Promise<string>): Promise<ThumbnailCue[]>;
 /** Find the matching thumbnail cue for a given time */
 export declare function getThumbnailAtTime(cues: ThumbnailCue[], time: number): ThumbnailCue | null;

package/dist/types.d.ts

@@ -47,6 +47,8 @@ export interface PlayerOptions {
     qualities?: string[];
     autoPlay?: boolean;
     thumbnails?: string;
+    /** Transform raw thumbnail VTT content before it is parsed. */
+    transformThumbnailVTT?: TransformThumbnailVTT;
     lang?: string;
     translations?: Record<string, string>;
     plugins?: PlayerPlugin[];
@@ -86,6 +88,7 @@ export interface PlayerOptions {
      */
     engine?: MediaEngine | ((video: HTMLVideoElement) => MediaEngine);
 }
+export type TransformThumbnailVTT = (content: string, responseUrl: string) => string | Promise<string>;
 export type { PlaybackStatus };
 export type { MediaCapabilitiesSnapshot, PlayerSource };
 export interface PlayerError {
@@ -169,7 +172,7 @@ export interface PlayerInstance {
     hotkeys: HotkeyRegistry;
     /** The active media engine. Null before mount and after unmount. */
     engine: MediaEngine | null;
-    updateOptions(opts: Partial<Pick<PlayerOptions, 'src' | 'type' | 'poster' | 'autoPlay' | 'subtitles' | 'qualities' | 'thumbnails'>>): void;
+    updateOptions(opts: Partial<Pick<PlayerOptions, 'src' | 'type' | 'poster' | 'autoPlay' | 'subtitles' | 'qualities' | 'thumbnails' | 'transformThumbnailVTT'>>): void;
     setThumbnails(url?: string): void;
     initPlugins(plugins: PlayerPlugin[]): () => void;
     mount(videoEl: HTMLVideoElement, containerEl: HTMLDivElement): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vplayer/core",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "repository": {
     "type": "git",