@videojs/spf 10.0.0-beta.26 → 10.0.0-beta.28

package/dist/default/playback/adapters/hls-background-video/adapter.js

@@ -0,0 +1,123 @@
+import { pickTrackUnderPixelArea } from "../../../media/primitives/select-tracks.js";
+import { createBackgroundVideoEngine } from "../../engines/hls/engine-background-video.js";
+//#region src/playback/adapters/hls-background-video/adapter.ts
+const hlsBackgroundVideoMediaDefaultProps = { src: "" };
+/**
+* Mixin that adds the background-video SPF playback engine to any base class,
+* for an HLS URL.
+*
+* `src` is the whole surface, and the picker always pins the top rendition on
+* offer. There is no cap of its own because the manifest is the better place to
+* narrow one: a delivery param — `?max_resolution=720p` on a Mux stream URL, for
+* one — keeps the renditions it excludes out of the manifest entirely, rather
+* than fetched-then-unpicked. Deriving a cap from the screen instead is on the
+* roadmap, and lands here when it does.
+*
+* `@videojs/spf/mux-background-video` is this same Media under a Mux-flavored
+* name — an alias, not a variant. Nothing about the surface changes with the
+* import path.
+*
+* Everything else the use case fixes rather than exposes: video-only, looping,
+* muted, autoplaying, loading as soon as there is a source. `attach` writes that
+* onto the element and nothing here declares `loop` / `muted` / `autoplay` /
+* `preload` of its own — a host-bound Media inherits all four from the host
+* already, and shadowing them with fixed values would only make reads describe
+* an intention rather than what the element is doing.
+*
+* A new src re-resolves the presentation, tearing down the state, SourceBuffers,
+* and in-flight requests the previous one built before the next begins. The
+* engine instance and the attached media element are both kept, so neither has to
+* be rewired.
+*
+* @example
+* class HlsBackgroundVideoMedia extends HlsBackgroundVideoMediaMixin(BackgroundVideoHost) {}
+*
+* const media = new HlsBackgroundVideoMedia();
+* media.attach(document.querySelector('video'));
+* media.src = 'https://stream.mux.com/PLAYBACK_ID.m3u8?max_resolution=720p';
+* media.play();
+*/
+function HlsBackgroundVideoMediaMixin(BaseClass) {
+	class HlsBackgroundVideoMediaImpl extends BaseClass {
+		#engine;
+		#config;
+		#signals;
+		/** Pending loadstart listener from a deferred play() retry, if any. */
+		#loadstartListener = null;
+		constructor(...args) {
+			super(...args);
+			const { config } = args?.[0] ?? {};
+			this.#config = config;
+			this.#engine = this.#createEngine();
+		}
+		get engine() {
+			return this.#engine;
+		}
+		attach(mediaElement) {
+			super.attach?.(mediaElement);
+			mediaElement.loop = true;
+			mediaElement.muted = true;
+			mediaElement.autoplay = true;
+			mediaElement.preload = "auto";
+			this.#signals.context.mediaElement.set(mediaElement);
+		}
+		detach() {
+			this.#cancelPendingPlay();
+			this.#signals.context.mediaElement.set(void 0);
+			super.detach?.();
+		}
+		destroy() {
+			this.#cancelPendingPlay();
+			this.#engine.destroy();
+		}
+		get src() {
+			return this.#signals.state.presentation.get()?.url ?? "";
+		}
+		set src(value) {
+			if (value === this.src) return;
+			this.#cancelPendingPlay();
+			this.#signals.state.presentation.set(value ? { url: value } : void 0);
+		}
+		async play() {
+			const mediaElement = this.#signals.context.mediaElement.get();
+			if (!mediaElement) return Promise.reject(/* @__PURE__ */ new Error("HlsBackgroundVideoMediaElement: no media element attached"));
+			try {
+				return await mediaElement.play();
+			} catch (err) {
+				if (this.src) return new Promise((resolve, reject) => {
+					const listener = () => {
+						this.#loadstartListener = null;
+						mediaElement.play().then(resolve, reject);
+					};
+					this.#loadstartListener = listener;
+					mediaElement.addEventListener("loadstart", listener, { once: true });
+				});
+				throw err;
+			}
+		}
+		#createEngine() {
+			const adapterPicker = (presentation) => {
+				return pickTrackUnderPixelArea((presentation.selectionSets?.find((s) => s.type === "video"))?.switchingSets[0]?.tracks ?? [])?.id;
+			};
+			return createBackgroundVideoEngine({
+				picker: adapterPicker,
+				...this.#config,
+				onSignalsReady: (signals) => {
+					this.#signals = signals;
+				}
+			});
+		}
+		#cancelPendingPlay() {
+			if (!this.#loadstartListener) return;
+			this.#signals.context.mediaElement.get()?.removeEventListener("loadstart", this.#loadstartListener);
+			this.#loadstartListener = null;
+		}
+	}
+	return HlsBackgroundVideoMediaImpl;
+}
+/** Standalone SPF background-video adapter with no base class. */
+var HlsBackgroundVideoMediaElement = class extends HlsBackgroundVideoMediaMixin(class {}) {};
+//#endregion
+export { HlsBackgroundVideoMediaElement, HlsBackgroundVideoMediaMixin, hlsBackgroundVideoMediaDefaultProps };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/playback/adapters/hls-background-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":["#config","#engine","#createEngine","#signals","#cancelPendingPlay","#loadstartListener"],"sources":["../../../../../src/playback/adapters/hls-background-video/adapter.ts"],"sourcesContent":["import type { Constructor, MixinReturn } from '@videojs/utils/types';\nimport type { Composition } from '../../../core/composition/create-composition';\nimport { pickTrackUnderPixelArea, type TrackPicker } from '../../../media/primitives/select-tracks';\nimport type { VideoSelectionSet } from '../../../media/types';\nimport {\n  type BackgroundVideoEngineConfig,\n  type BackgroundVideoEngineContext,\n  type BackgroundVideoEngineSignals,\n  type BackgroundVideoEngineState,\n  createBackgroundVideoEngine,\n} from '../../engines/hls/engine-background-video';\n\nexport interface HlsBackgroundVideoMediaProps {\n  src: string;\n}\n\nexport const hlsBackgroundVideoMediaDefaultProps: HlsBackgroundVideoMediaProps = {\n  src: '',\n};\n\nexport interface HlsBackgroundVideoMediaAPI extends HlsBackgroundVideoMediaProps {\n  readonly engine: Composition<BackgroundVideoEngineState, BackgroundVideoEngineContext>;\n  attach(mediaElement: HTMLMediaElement): void;\n  detach(): void;\n  destroy(): void;\n  play(): Promise<void>;\n}\n\n/**\n * Mixin that adds the background-video SPF playback engine to any base class,\n * for an HLS URL.\n *\n * `src` is the whole surface, and the picker always pins the top rendition on\n * offer. There is no cap of its own because the manifest is the better place to\n * narrow one: a delivery param — `?max_resolution=720p` on a Mux stream URL, for\n * one — keeps the renditions it excludes out of the manifest entirely, rather\n * than fetched-then-unpicked. Deriving a cap from the screen instead is on the\n * roadmap, and lands here when it does.\n *\n * `@videojs/spf/mux-background-video` is this same Media under a Mux-flavored\n * name — an alias, not a variant. Nothing about the surface changes with the\n * import path.\n *\n * Everything else the use case fixes rather than exposes: video-only, looping,\n * muted, autoplaying, loading as soon as there is a source. `attach` writes that\n * onto the element and nothing here declares `loop` / `muted` / `autoplay` /\n * `preload` of its own — a host-bound Media inherits all four from the host\n * already, and shadowing them with fixed values would only make reads describe\n * an intention rather than what the element is doing.\n *\n * A new src re-resolves the presentation, tearing down the state, SourceBuffers,\n * and in-flight requests the previous one built before the next begins. The\n * engine instance and the attached media element are both kept, so neither has to\n * be rewired.\n *\n * @example\n * class HlsBackgroundVideoMedia extends HlsBackgroundVideoMediaMixin(BackgroundVideoHost) {}\n *\n * const media = new HlsBackgroundVideoMedia();\n * media.attach(document.querySelector('video'));\n * media.src = 'https://stream.mux.com/PLAYBACK_ID.m3u8?max_resolution=720p';\n * media.play();\n */\nexport function HlsBackgroundVideoMediaMixin<Base extends Constructor<any>>(BaseClass: Base) {\n  class HlsBackgroundVideoMediaImpl extends BaseClass {\n    #engine: Composition<BackgroundVideoEngineState, BackgroundVideoEngineContext>;\n    #config: BackgroundVideoEngineConfig;\n    #signals!: BackgroundVideoEngineSignals;\n\n    /** Pending loadstart listener from a deferred play() retry, if any. */\n    #loadstartListener: (() => void) | null = null;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      const { config } = args?.[0] ?? {};\n      this.#config = config;\n      this.#engine = this.#createEngine();\n    }\n\n    get engine(): Composition<BackgroundVideoEngineState, BackgroundVideoEngineContext> {\n      return this.#engine;\n    }\n\n    // -------------------------------------------------------------------------\n    // Media element lifecycle\n    // -------------------------------------------------------------------------\n\n    attach(mediaElement: HTMLMediaElement): void {\n      super.attach?.(mediaElement);\n      // The one place the fixed behavior is stated. Muted and autoplay are what\n      // let it start without a gesture, loop is the defining behavior, and\n      // `preload` says out loud what the engine does regardless — it subtracts\n      // preload monitoring and loads from the moment it has a source.\n      mediaElement.loop = true;\n      mediaElement.muted = true;\n      mediaElement.autoplay = true;\n      mediaElement.preload = 'auto';\n\n      this.#signals.context.mediaElement.set(mediaElement);\n    }\n\n    detach(): void {\n      this.#cancelPendingPlay();\n      this.#signals.context.mediaElement.set(undefined);\n      super.detach?.();\n    }\n\n    destroy(): void {\n      this.#cancelPendingPlay();\n      this.#engine.destroy();\n    }\n\n    // -------------------------------------------------------------------------\n    // src — synchronous IDL attribute (WHATWG §4.8.11.2)\n    // -------------------------------------------------------------------------\n\n    get src(): string {\n      return this.#signals.state.presentation.get()?.url ?? '';\n    }\n\n    set src(value: string) {\n      // Same line the HLS Medias draw: the presentation is set from a fresh\n      // object every time, so re-resolving a URL already playing would restart\n      // it for no reason.\n      if (value === this.src) return;\n\n      this.#cancelPendingPlay();\n      this.#signals.state.presentation.set(value ? { url: value } : undefined);\n    }\n\n    // -------------------------------------------------------------------------\n    // play() — WHATWG §4.8.11.8\n    // Delegates to the attached media element's native play().\n    // -------------------------------------------------------------------------\n\n    async play(): Promise<void> {\n      const mediaElement = this.#signals.context.mediaElement.get();\n      if (!mediaElement) {\n        return Promise.reject(new Error('HlsBackgroundVideoMediaElement: no media element attached'));\n      }\n\n      try {\n        return await mediaElement.play();\n      } catch (err) {\n        // If we have a pending HLS source, the rejection may be because MSE\n        // hasn't attached a blob URL yet. Wait for loadstart (src assigned by\n        // MSE setup) and retry once.\n        if (this.src) {\n          return new Promise<void>((resolve, reject) => {\n            const listener = () => {\n              this.#loadstartListener = null;\n              mediaElement.play().then(resolve, reject);\n            };\n            this.#loadstartListener = listener;\n            mediaElement.addEventListener('loadstart', listener, { once: true });\n          });\n        }\n        throw err;\n      }\n    }\n\n    // -------------------------------------------------------------------------\n    // Private\n    // -------------------------------------------------------------------------\n\n    #createEngine(): Composition<BackgroundVideoEngineState, BackgroundVideoEngineContext> {\n      // No cap to apply, so the pick is whichever rendition is largest. Passing\n      // no maximum is what makes that the answer, rather than a rule of its own.\n      const adapterPicker: TrackPicker = (presentation) => {\n        const videoSet = presentation.selectionSets?.find((s) => s.type === 'video') as VideoSelectionSet | undefined;\n        const tracks = videoSet?.switchingSets[0]?.tracks ?? [];\n        return pickTrackUnderPixelArea(tracks)?.id;\n      };\n\n      return createBackgroundVideoEngine({\n        picker: adapterPicker,\n        ...this.#config,\n        onSignalsReady: (signals) => {\n          this.#signals = signals;\n        },\n      });\n    }\n\n    #cancelPendingPlay(): void {\n      if (!this.#loadstartListener) return;\n      const mediaElement = this.#signals.context.mediaElement.get();\n      mediaElement?.removeEventListener('loadstart', this.#loadstartListener);\n      this.#loadstartListener = null;\n    }\n  }\n\n  return HlsBackgroundVideoMediaImpl as unknown as MixinReturn<Base, HlsBackgroundVideoMediaAPI>;\n}\n\n/** Standalone SPF background-video adapter with no base class. */\nexport class HlsBackgroundVideoMediaElement extends HlsBackgroundVideoMediaMixin(class {}) {}\n"],"mappings":";;;AAgBA,MAAa,sCAAoE,EAC/E,KAAK,GACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,6BAA4D,WAAiB;CAC3F,MAAM,oCAAoC,UAAU;EAClD;EACA;EACA;;EAGA,qBAA0C;EAE1C,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;GAEb,MAAM,EAAE,WAAW,OAAO,MAAM,CAAC;GACjC,KAAKA,UAAU;GACf,KAAKC,UAAU,KAAKC,cAAc;EACpC;EAEA,IAAI,SAAgF;GAClF,OAAO,KAAKD;EACd;EAMA,OAAO,cAAsC;GAC3C,MAAM,SAAS,YAAY;GAK3B,aAAa,OAAO;GACpB,aAAa,QAAQ;GACrB,aAAa,WAAW;GACxB,aAAa,UAAU;GAEvB,KAAKE,SAAS,QAAQ,aAAa,IAAI,YAAY;EACrD;EAEA,SAAe;GACb,KAAKC,mBAAmB;GACxB,KAAKD,SAAS,QAAQ,aAAa,IAAI,KAAA,CAAS;GAChD,MAAM,SAAS;EACjB;EAEA,UAAgB;GACd,KAAKC,mBAAmB;GACxB,KAAKH,QAAQ,QAAQ;EACvB;EAMA,IAAI,MAAc;GAChB,OAAO,KAAKE,SAAS,MAAM,aAAa,IAAI,CAAC,EAAE,OAAO;EACxD;EAEA,IAAI,IAAI,OAAe;GAIrB,IAAI,UAAU,KAAK,KAAK;GAExB,KAAKC,mBAAmB;GACxB,KAAKD,SAAS,MAAM,aAAa,IAAI,QAAQ,EAAE,KAAK,MAAM,IAAI,KAAA,CAAS;EACzE;EAOA,MAAM,OAAsB;GAC1B,MAAM,eAAe,KAAKA,SAAS,QAAQ,aAAa,IAAI;GAC5D,IAAI,CAAC,cACH,OAAO,QAAQ,uBAAO,IAAI,MAAM,2DAA2D,CAAC;GAG9F,IAAI;IACF,OAAO,MAAM,aAAa,KAAK;GACjC,SAAS,KAAK;IAIZ,IAAI,KAAK,KACP,OAAO,IAAI,SAAe,SAAS,WAAW;KAC5C,MAAM,iBAAiB;MACrB,KAAKE,qBAAqB;MAC1B,aAAa,KAAK,CAAC,CAAC,KAAK,SAAS,MAAM;KAC1C;KACA,KAAKA,qBAAqB;KAC1B,aAAa,iBAAiB,aAAa,UAAU,EAAE,MAAM,KAAK,CAAC;IACrE,CAAC;IAEH,MAAM;GACR;EACF;EAMA,gBAAuF;GAGrF,MAAM,iBAA8B,iBAAiB;IAGnD,OAAO,yBAFU,aAAa,eAAe,MAAM,MAAM,EAAE,SAAS,OAAO,EAAA,EAClD,cAAc,EAAE,EAAE,UAAU,CAAC,CACjB,CAAC,EAAE;GAC1C;GAEA,OAAO,4BAA4B;IACjC,QAAQ;IACR,GAAG,KAAKL;IACR,iBAAiB,YAAY;KAC3B,KAAKG,WAAW;IAClB;GACF,CAAC;EACH;EAEA,qBAA2B;GACzB,IAAI,CAAC,KAAKE,oBAAoB;GAE9B,KAD0BF,SAAS,QAAQ,aAAa,IAC7C,CAAC,EAAE,oBAAoB,aAAa,KAAKE,kBAAkB;GACtE,KAAKA,qBAAqB;EAC5B;CACF;CAEA,OAAO;AACT;;AAGA,IAAa,iCAAb,cAAoD,6BAA6B,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/default/playback/adapters/hls-background-video/host.js

@@ -0,0 +1,60 @@
+//#region src/playback/adapters/hls-background-video/host.ts
+/**
+* The `<video>` binding a background video uses: somewhere to keep the attached
+* element, and the four properties the Media fixes on it.
+*
+* That is the whole surface anything here reaches. The engine drives playback,
+* the element exposes `src` and nothing else, and the background player
+* subscribes to no store features, so nothing asks a background video for
+* `currentTime`, `play()`, picture-in-picture, fullscreen, forwarded events, or
+* media components. Holding the host to what is reachable is what keeps this
+* entry free of `@videojs/media`, and small enough to suit a component whose
+* whole pitch is its size.
+*
+* An `EventTarget`, because a Media is one: the store and the element layers
+* take anything they attach as an event source, and inheriting the three methods
+* satisfies that for free rather than by stubbing them.
+*
+* ⚠️ It still implements too little to carry the rest of the media surface, which
+* bounds what may consume it: a store feature reading a property outside this set
+* gets `undefined` rather than an error. A Media needing more of that surface
+* belongs on a host that provides it.
+*/
+var BackgroundVideoHost = class extends EventTarget {
+	#target = null;
+	attach(target) {
+		if (!target || this.#target === target) return;
+		this.#target = target;
+	}
+	detach() {
+		this.#target = null;
+	}
+	get loop() {
+		return this.#target?.loop ?? false;
+	}
+	set loop(value) {
+		if (this.#target) this.#target.loop = value;
+	}
+	get muted() {
+		return this.#target?.muted ?? false;
+	}
+	set muted(value) {
+		if (this.#target) this.#target.muted = value;
+	}
+	get autoplay() {
+		return this.#target?.autoplay ?? false;
+	}
+	set autoplay(value) {
+		if (this.#target) this.#target.autoplay = value;
+	}
+	get preload() {
+		return this.#target?.preload ?? "metadata";
+	}
+	set preload(value) {
+		if (this.#target) this.#target.preload = value;
+	}
+};
+//#endregion
+export { BackgroundVideoHost };
+
+//# sourceMappingURL=host.js.map

package/dist/default/playback/adapters/hls-background-video/host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.js","names":["#target"],"sources":["../../../../../src/playback/adapters/hls-background-video/host.ts"],"sourcesContent":["/**\n * The `<video>` binding a background video uses: somewhere to keep the attached\n * element, and the four properties the Media fixes on it.\n *\n * That is the whole surface anything here reaches. The engine drives playback,\n * the element exposes `src` and nothing else, and the background player\n * subscribes to no store features, so nothing asks a background video for\n * `currentTime`, `play()`, picture-in-picture, fullscreen, forwarded events, or\n * media components. Holding the host to what is reachable is what keeps this\n * entry free of `@videojs/media`, and small enough to suit a component whose\n * whole pitch is its size.\n *\n * An `EventTarget`, because a Media is one: the store and the element layers\n * take anything they attach as an event source, and inheriting the three methods\n * satisfies that for free rather than by stubbing them.\n *\n * ⚠️ It still implements too little to carry the rest of the media surface, which\n * bounds what may consume it: a store feature reading a property outside this set\n * gets `undefined` rather than an error. A Media needing more of that surface\n * belongs on a host that provides it.\n */\nexport class BackgroundVideoHost extends EventTarget {\n  #target: HTMLVideoElement | null = null;\n\n  attach(target: HTMLVideoElement): void {\n    if (!target || this.#target === target) return;\n    this.#target = target;\n  }\n\n  detach(): void {\n    this.#target = null;\n  }\n\n  // Read back off the element rather than stored, so they describe what is\n  // playing instead of what was asked for — see the adapter's note on why the\n  // Media declares none of these itself.\n  get loop(): boolean {\n    return this.#target?.loop ?? false;\n  }\n\n  set loop(value: boolean) {\n    if (this.#target) this.#target.loop = value;\n  }\n\n  get muted(): boolean {\n    return this.#target?.muted ?? false;\n  }\n\n  set muted(value: boolean) {\n    if (this.#target) this.#target.muted = value;\n  }\n\n  get autoplay(): boolean {\n    return this.#target?.autoplay ?? false;\n  }\n\n  set autoplay(value: boolean) {\n    if (this.#target) this.#target.autoplay = value;\n  }\n\n  get preload(): HTMLVideoElement['preload'] {\n    return this.#target?.preload ?? 'metadata';\n  }\n\n  set preload(value: HTMLVideoElement['preload']) {\n    if (this.#target) this.#target.preload = value;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAa,sBAAb,cAAyC,YAAY;CACnD,UAAmC;CAEnC,OAAO,QAAgC;EACrC,IAAI,CAAC,UAAU,KAAKA,YAAY,QAAQ;EACxC,KAAKA,UAAU;CACjB;CAEA,SAAe;EACb,KAAKA,UAAU;CACjB;CAKA,IAAI,OAAgB;EAClB,OAAO,KAAKA,SAAS,QAAQ;CAC/B;CAEA,IAAI,KAAK,OAAgB;EACvB,IAAI,KAAKA,SAAS,KAAKA,QAAQ,OAAO;CACxC;CAEA,IAAI,QAAiB;EACnB,OAAO,KAAKA,SAAS,SAAS;CAChC;CAEA,IAAI,MAAM,OAAgB;EACxB,IAAI,KAAKA,SAAS,KAAKA,QAAQ,QAAQ;CACzC;CAEA,IAAI,WAAoB;EACtB,OAAO,KAAKA,SAAS,YAAY;CACnC;CAEA,IAAI,SAAS,OAAgB;EAC3B,IAAI,KAAKA,SAAS,KAAKA,QAAQ,WAAW;CAC5C;CAEA,IAAI,UAAuC;EACzC,OAAO,KAAKA,SAAS,WAAW;CAClC;CAEA,IAAI,QAAQ,OAAoC;EAC9C,IAAI,KAAKA,SAAS,KAAKA,QAAQ,UAAU;CAC3C;AACF"}

package/dist/default/playback/adapters/hls-background-video/media.js

@@ -0,0 +1,21 @@
+import { HlsBackgroundVideoMediaMixin } from "./adapter.js";
+import { BackgroundVideoHost } from "./host.js";
+//#region src/playback/adapters/hls-background-video/media.ts
+const HlsBackgroundVideoMediaBase = HlsBackgroundVideoMediaMixin(BackgroundVideoHost);
+/**
+* The background-video Media, bound to a `<video>` through
+* {@link BackgroundVideoHost}.
+*
+* That host carries the attached element and the four properties `attach` fixes,
+* which is all this Media's surface needs, and it is local — so this entry has
+* no `@videojs/media` dependency.
+*
+* No `MediaTracksMixin`, unlike `HlsVideoMedia`: the engine subtracts audio and
+* text entirely and pins one video rendition for the session, so there are no
+* track lists for a consumer to project or switch between.
+*/
+var HlsBackgroundVideoMedia = class extends HlsBackgroundVideoMediaBase {};
+//#endregion
+export { HlsBackgroundVideoMedia };
+
+//# sourceMappingURL=media.js.map

package/dist/default/playback/adapters/hls-background-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../../src/playback/adapters/hls-background-video/media.ts"],"sourcesContent":["import { HlsBackgroundVideoMediaMixin } from './adapter';\nimport { BackgroundVideoHost } from './host';\n\nconst HlsBackgroundVideoMediaBase = HlsBackgroundVideoMediaMixin(BackgroundVideoHost);\n\n/**\n * The background-video Media, bound to a `<video>` through\n * {@link BackgroundVideoHost}.\n *\n * That host carries the attached element and the four properties `attach` fixes,\n * which is all this Media's surface needs, and it is local — so this entry has\n * no `@videojs/media` dependency.\n *\n * No `MediaTracksMixin`, unlike `HlsVideoMedia`: the engine subtracts audio and\n * text entirely and pins one video rendition for the session, so there are no\n * track lists for a consumer to project or switch between.\n */\nexport class HlsBackgroundVideoMedia extends HlsBackgroundVideoMediaBase {}\n"],"mappings":";;;AAGA,MAAM,8BAA8B,6BAA6B,mBAAmB;;;;;;;;;;;;;AAcpF,IAAa,0BAAb,cAA6C,4BAA4B,CAAC"}

package/dist/default/playback/adapters/hls-video/adapter.js

@@ -0,0 +1,316 @@
+import { effect } from "../../../core/signals/effect.js";
+import { deriveStreamType, getMediaPlaylistMetadata, isResolvedPresentation, isResolvedTrack } from "../../../media/types/index.js";
+import { findTrackById } from "../../../media/utils/tracks.js";
+import { SVTA_NO_SUPPORTED_AUDIO_TRACK, SVTA_NO_SUPPORTED_VIDEO_TRACK, SVTA_UNSUPPORTED_PLAYBACK_FEATURE } from "../../../media/errors.js";
+import { resolveLiveLatency } from "../../../media/hls/reload-policy.js";
+import { getLiveEdge, liveTrackId } from "../../primitives/live-window.js";
+import { createHlsVideoEngine } from "../../engines/hls/engine.js";
+import { DVR_EXPERIMENTAL_MESSAGE, LOW_LATENCY_UNSUPPORTED_MESSAGE, UNSUPPORTED_PLAYBACK_FEATURE_MESSAGE } from "../../primitives/error-messages.js";
+import { firstFatal, hasUnsupportedFeatureCause, withAlternativeMediaSuggestion } from "./error-surface.js";
+import { MediaStreamTypes } from "@videojs/media";
+//#region src/playback/adapters/hls-video/adapter.ts
+const hlsVideoMediaDefaultProps = {
+	src: "",
+	preload: "",
+	disableRemotePlayback: false,
+	streamType: MediaStreamTypes.UNKNOWN
+};
+/**
+* `targetLiveWindow` per the media-ui-extensions live-edge proposal: `NaN` for
+* on-demand (or nothing resolved yet), `0` for standard sliding-window live,
+* `Infinity` for DVR (`#EXT-X-PLAYLIST-TYPE:EVENT` — the window grows from the
+* start). Read from the timeline-bearing track's playlist metadata.
+*/
+function deriveTargetLiveWindow(presentation, trackId) {
+	if (!isResolvedPresentation(presentation) || !trackId) return NaN;
+	const track = findTrackById(presentation, trackId);
+	if (!track || !isResolvedTrack(track)) return NaN;
+	const metadata = getMediaPlaylistMetadata(track);
+	if (!metadata) return NaN;
+	if (metadata.playlistType === "EVENT") return Number.POSITIVE_INFINITY;
+	return deriveStreamType(metadata) === "live" ? 0 : NaN;
+}
+/**
+* Which reported conditions this composition treats as **fatal** — the ones that
+* reach `error` and fire `'error'`. Severity isn't part of an SVTA code
+* (§Approach: "impact varies with player implementation"), and here it also
+* varies by composition, so it's decided at this boundary rather than by the
+* reporter.
+*
+* An allow-list, deliberately: only *verdicts* are here. The per-rendition causes
+* `resolve-track` reports (unsupported format, unsupported DRM) stay in the
+* sequence as context — one unplayable rendition doesn't fail the source, and
+* promoting a cause would put a dialog over a mixed source that goes on to play.
+*/
+const FATAL_SVTA_CODES = /* @__PURE__ */ new Set([SVTA_NO_SUPPORTED_VIDEO_TRACK, SVTA_NO_SUPPORTED_AUDIO_TRACK]);
+/**
+* Mixin that adds SPF playback engine behavior to any base class.
+*
+* Implements the src/play() contract per the WHATWG HTML spec so that SPF can
+* be used anywhere a media element API is expected.
+*
+* A single engine instance is created at construction and recycled across src
+* changes.
+*
+* @fires streamtypechange - Fired when the detected stream type changes. Read `streamType` for the new value.
+* @fires targetlivewindowchange - Fired when the target live window changes. Read `targetLiveWindow` for the new value.
+* @fires error - Fired when a fatal condition is reported. Read `error` for it.
+*
+* @example
+* class HlsVideoMedia extends HlsVideoMediaMixin(HTMLVideoElementHost) {}
+*
+* const media = new HlsVideoMedia();
+* media.attach(document.querySelector('video'));
+* media.src = 'https://stream.mux.com/abc123.m3u8';
+*/
+function HlsVideoMediaMixin(BaseClass) {
+	class HlsVideoMediaImpl extends BaseClass {
+		/**
+		* A complete sentence naming the Media to reach for when this one can't play
+		* a source — `Try the hls.js-backed Mux media instead: import the hls-js
+		* flavor in place of the spf one.` Appended to the copy this adapter
+		* surfaces, and to the notices it logs. Name the flavor, not an import path:
+		* a Media is reached through several packages, each with its own counterpart.
+		*
+		* Empty here: `hls-video` has no better-equipped sibling to point at.
+		* A Media that does (a Mux Video built on this engine, whose hls.js-backed
+		* counterpart plays MPEG-TS and DRM) overrides this static, and its copy gains
+		* the second sentence with no other change.
+		*/
+		static get alternativeMediaSuggestion() {}
+		#engine;
+		#config;
+		#signals;
+		#preload = hlsVideoMediaDefaultProps.preload;
+		#disableRemotePlayback = hlsVideoMediaDefaultProps.disableRemotePlayback;
+		#streamType = hlsVideoMediaDefaultProps.streamType;
+		#isUserStreamType = false;
+		#targetLiveWindow = NaN;
+		#error = null;
+		/**
+		* The *reported* condition currently surfaced, which is what the re-fire
+		* latch keys on. Not `#error.code`: that's the code this adapter chose to
+		* surface, and a later cause can change the choice for a condition already
+		* announced.
+		*/
+		#reportedCode = null;
+		/** Notices already logged for the current source; cleared when it unloads. */
+		#noticed = /* @__PURE__ */ new Set();
+		#stopLiveSync;
+		#stopErrorSync;
+		/** Pending loadstart listener from a deferred play() retry, if any. */
+		#loadstartListener = null;
+		constructor(...args) {
+			super(...args);
+			const { config } = args?.[0] ?? {};
+			this.#config = config;
+			this.#engine = this.#createEngine();
+			this.#stopLiveSync = effect(() => {
+				const presentation = this.#signals.state.presentation.get();
+				this.#setDetectedStreamType(presentation?.streamType ?? MediaStreamTypes.UNKNOWN);
+				this.#setTargetLiveWindow(deriveTargetLiveWindow(presentation, liveTrackId(this.#signals.state)));
+				this.#reportDeliveryNotices(presentation);
+			});
+			this.#stopErrorSync = effect(() => {
+				const errors = this.#signals.state.errors.get();
+				this.#setError(firstFatal(errors, FATAL_SVTA_CODES), errors);
+			});
+		}
+		/**
+		* Underlying playback engine — the low-level SPF reactive composition that
+		* drives playback. An advanced escape hatch for direct engine access;
+		* normal playback is driven through this element's own properties and
+		* methods.
+		*/
+		get engine() {
+			return this.#engine;
+		}
+		/**
+		* The current fatal error, or `null`. Only *fatal* conditions appear here —
+		* the engine reports non-fatal ones too (they stay in `engine.state.errors`),
+		* and promoting them would tell a consumer playback had failed when it
+		* hadn't. Resets per source. Fires `'error'` when set.
+		*/
+		get error() {
+			return this.#error;
+		}
+		/**
+		* The source's stream type — `'live'`, `'on-demand'`, or `'unknown'` until
+		* a media playlist has been parsed. Setting a non-`'unknown'` value pins a
+		* user override (detection stops updating it); setting `'unknown'` reverts
+		* to the engine's detected value.
+		*/
+		get streamType() {
+			return this.#streamType;
+		}
+		set streamType(value) {
+			if (value === MediaStreamTypes.UNKNOWN) {
+				this.#isUserStreamType = false;
+				this.#updateStreamType(this.#signals.state.presentation.get()?.streamType ?? MediaStreamTypes.UNKNOWN);
+				return;
+			}
+			this.#isUserStreamType = true;
+			this.#updateStreamType(value);
+		}
+		/**
+		* Presentation time marking the start of the live-edge window — playback at
+		* `currentTime >= liveEdgeStart` counts as "at the live edge" (the same
+		* target the engine's `seekToLiveEdge` seeks to: window end − HOLD-BACK).
+		* `NaN` when the stream isn't live or nothing is resolved yet. Derived at
+		* read time from the engine's live window — no change event; re-read on
+		* `timeupdate`/`progress` (as the store's live feature does).
+		*/
+		get liveEdgeStart() {
+			return getLiveEdge({
+				state: this.#signals.state,
+				config: { resolveLiveLatency }
+			})?.liveEdgeStart ?? NaN;
+		}
+		/**
+		* The target live window: `NaN` for on-demand (or unknown), `0` for
+		* standard sliding-window live, `Infinity` for DVR
+		* (`#EXT-X-PLAYLIST-TYPE:EVENT`). Fires `targetlivewindowchange` on change.
+		*/
+		get targetLiveWindow() {
+			return this.#targetLiveWindow;
+		}
+		#setDetectedStreamType(value) {
+			if (this.#isUserStreamType) return;
+			this.#updateStreamType(value);
+		}
+		#updateStreamType(value) {
+			if (this.#streamType === value) return;
+			this.#streamType = value;
+			this.dispatchEvent?.(new Event("streamtypechange"));
+		}
+		#setTargetLiveWindow(value) {
+			if (Object.is(this.#targetLiveWindow, value)) return;
+			this.#targetLiveWindow = value;
+			this.dispatchEvent?.(new Event("targetlivewindowchange"));
+		}
+		#setError(reported, errors) {
+			if (!reported) {
+				this.#error = null;
+				this.#reportedCode = null;
+				return;
+			}
+			if (this.#reportedCode === reported.code) return;
+			this.#reportedCode = reported.code;
+			const unsupported = hasUnsupportedFeatureCause(errors);
+			if (unsupported) console.error(this.#withSuggestion(UNSUPPORTED_PLAYBACK_FEATURE_MESSAGE), { conditions: errors });
+			this.#error = {
+				code: unsupported ? SVTA_UNSUPPORTED_PLAYBACK_FEATURE : reported.code,
+				message: reported.message ?? "",
+				...reported.data === void 0 ? {} : { data: reported.data }
+			};
+			this.dispatchEvent?.(new Event("error"));
+		}
+		attach(mediaElement) {
+			super.attach?.(mediaElement);
+			this.#signals.context.mediaElement.set(mediaElement);
+		}
+		detach() {
+			this.#cancelPendingPlay();
+			this.#signals.context.mediaElement.set(void 0);
+			super.detach?.();
+		}
+		destroy() {
+			this.#cancelPendingPlay();
+			this.#stopLiveSync();
+			this.#stopErrorSync();
+			this.#engine.destroy();
+		}
+		/** Preload type (`'none'` / `'metadata'` / `'auto'`). */
+		get preload() {
+			return this.#preload;
+		}
+		set preload(value) {
+			this.#preload = value;
+			if (value) this.#signals.state.preload.set(value);
+		}
+		get disableRemotePlayback() {
+			return this.#disableRemotePlayback;
+		}
+		set disableRemotePlayback(value) {
+			this.#disableRemotePlayback = value;
+			this.#signals.state.disableRemotePlayback.set(value);
+		}
+		get src() {
+			return this.#signals.state.presentation.get()?.url ?? "";
+		}
+		set src(value) {
+			if (value === this.src) return;
+			this.#cancelPendingPlay();
+			this.#signals.state.presentation.set(value ? { url: value } : void 0);
+		}
+		play() {
+			const mediaElement = this.#signals.context.mediaElement.get();
+			if (!mediaElement) return Promise.reject(/* @__PURE__ */ new Error("HlsVideoMediaElement: no media element attached"));
+			this.#signals.state.loadActivated.set(true);
+			return mediaElement.play().catch((err) => {
+				if (this.src) return new Promise((resolve, reject) => {
+					const listener = () => {
+						this.#loadstartListener = null;
+						mediaElement.play().then(resolve, reject);
+					};
+					this.#loadstartListener = listener;
+					mediaElement.addEventListener("loadstart", listener, { once: true });
+				});
+				throw err;
+			});
+		}
+		/** `message`, plus the alternative-Media sentence when this class names one. */
+		#withSuggestion(message) {
+			return withAlternativeMediaSuggestion(message, this);
+		}
+		/**
+		* Log what this engine is delivering differently from what the playlist asked
+		* for. Neither condition stops playback, so neither is an error — they go to
+		* the console rather than the error surface.
+		*
+		* Once per source, not per parse: a live playlist reloads every target
+		* duration, and the timeline track re-parses on each one. Keyed on the notice
+		* rather than latched with a boolean so the two are independent, and cleared
+		* when the presentation unresolves so the next source starts quiet.
+		*/
+		#reportDeliveryNotices(presentation) {
+			if (!isResolvedPresentation(presentation)) {
+				this.#noticed.clear();
+				return;
+			}
+			const trackId = liveTrackId(this.#signals.state);
+			const track = trackId ? findTrackById(presentation, trackId) : void 0;
+			if (!track || !isResolvedTrack(track)) return;
+			const metadata = getMediaPlaylistMetadata(track);
+			if (!metadata) return;
+			if (metadata.lowLatency && !this.#noticed.has("lowLatency")) {
+				this.#noticed.add("lowLatency");
+				console.warn(this.#withSuggestion(LOW_LATENCY_UNSUPPORTED_MESSAGE));
+			}
+			if (metadata.playlistType === "EVENT" && !this.#noticed.has("dvr")) {
+				this.#noticed.add("dvr");
+				console.warn(this.#withSuggestion(DVR_EXPERIMENTAL_MESSAGE));
+			}
+		}
+		#createEngine() {
+			return createHlsVideoEngine({
+				...this.#config,
+				onSignalsReady: (signals) => {
+					this.#signals = signals;
+				}
+			});
+		}
+		#cancelPendingPlay() {
+			if (!this.#loadstartListener) return;
+			this.#signals.context.mediaElement.get()?.removeEventListener("loadstart", this.#loadstartListener);
+			this.#loadstartListener = null;
+		}
+	}
+	return HlsVideoMediaImpl;
+}
+/** Standalone SPF media adapter with no base class. */
+var HlsVideoMediaElement = class extends HlsVideoMediaMixin(class {}) {};
+//#endregion
+export { HlsVideoMediaElement, HlsVideoMediaMixin, hlsVideoMediaDefaultProps };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/playback/adapters/hls-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":["#engine","#config","#createEngine","#stopLiveSync","#signals","#setDetectedStreamType","#setTargetLiveWindow","#reportDeliveryNotices","#stopErrorSync","#setError","#error","#streamType","#isUserStreamType","#updateStreamType","#targetLiveWindow","#reportedCode","#withSuggestion","#cancelPendingPlay","#preload","#disableRemotePlayback","#loadstartListener","#noticed"],"sources":["../../../../../src/playback/adapters/hls-video/adapter.ts"],"sourcesContent":["import { type MediaStreamType, MediaStreamTypes } from '@videojs/media';\nimport type { Constructor, MixinReturn } from '@videojs/utils/types';\nimport type { Composition } from '../../../core/composition/create-composition';\nimport { effect } from '../../../core/signals/effect';\nimport {\n  SVTA_NO_SUPPORTED_AUDIO_TRACK,\n  SVTA_NO_SUPPORTED_VIDEO_TRACK,\n  SVTA_UNSUPPORTED_PLAYBACK_FEATURE,\n  type SvtaError,\n} from '../../../media/errors';\nimport { resolveLiveLatency } from '../../../media/hls/reload-policy';\nimport {\n  deriveStreamType,\n  getMediaPlaylistMetadata,\n  isResolvedPresentation,\n  isResolvedTrack,\n  type MaybeResolvedPresentation,\n} from '../../../media/types';\nimport { findTrackById } from '../../../media/utils/tracks';\nimport {\n  createHlsVideoEngine,\n  type HlsVideoEngineConfig,\n  type HlsVideoEngineContext,\n  type HlsVideoEngineSignals,\n  type HlsVideoEngineState,\n} from '../../engines/hls/engine';\nimport {\n  DVR_EXPERIMENTAL_MESSAGE,\n  LOW_LATENCY_UNSUPPORTED_MESSAGE,\n  UNSUPPORTED_PLAYBACK_FEATURE_MESSAGE,\n} from '../../primitives/error-messages';\nimport { getLiveEdge, type LiveWindowState, liveTrackId } from '../../primitives/live-window';\nimport {\n  firstFatal,\n  type HlsVideoMediaError,\n  hasUnsupportedFeatureCause,\n  withAlternativeMediaSuggestion,\n} from './error-surface';\n\n/**\n * The media-level stream type: the engine's detected stream type (`'live'` /\n * `'on-demand'`) plus `'unknown'` for \"no playlist parsed yet.\" `@videojs/media`'s\n * {@link MediaStreamType} itself, kept under its own name because that is what\n * this adapter's `streamType` property is documented against.\n */\nexport type HlsVideoMediaStreamType = MediaStreamType;\n\nexport type { HlsVideoMediaError } from './error-surface';\n\nexport interface HlsVideoMediaProps {\n  src: string;\n  preload: '' | 'none' | 'metadata' | 'auto';\n  disableRemotePlayback: boolean;\n  streamType: HlsVideoMediaStreamType;\n}\n\nexport const hlsVideoMediaDefaultProps: HlsVideoMediaProps = {\n  src: '',\n  preload: '',\n  disableRemotePlayback: false,\n  streamType: MediaStreamTypes.UNKNOWN,\n};\n\nexport interface HlsVideoMediaAPI extends HlsVideoMediaProps {\n  readonly engine: Composition<HlsVideoEngineState, HlsVideoEngineContext>;\n  readonly error: HlsVideoMediaError | null;\n  readonly liveEdgeStart: number;\n  readonly targetLiveWindow: number;\n  attach(mediaElement: HTMLMediaElement): void;\n  detach(): void;\n  destroy(): void;\n  play(): Promise<void>;\n}\n\n/**\n * `targetLiveWindow` per the media-ui-extensions live-edge proposal: `NaN` for\n * on-demand (or nothing resolved yet), `0` for standard sliding-window live,\n * `Infinity` for DVR (`#EXT-X-PLAYLIST-TYPE:EVENT` — the window grows from the\n * start). Read from the timeline-bearing track's playlist metadata.\n */\nfunction deriveTargetLiveWindow(\n  presentation: MaybeResolvedPresentation | undefined,\n  trackId: string | undefined\n): number {\n  if (!isResolvedPresentation(presentation) || !trackId) return Number.NaN;\n  const track = findTrackById(presentation, trackId);\n  if (!track || !isResolvedTrack(track)) return Number.NaN;\n  const metadata = getMediaPlaylistMetadata(track);\n  if (!metadata) return Number.NaN;\n  if (metadata.playlistType === 'EVENT') return Number.POSITIVE_INFINITY;\n  return deriveStreamType(metadata) === 'live' ? 0 : Number.NaN;\n}\n\n// ============================================================================\n// Error surface\n// ============================================================================\n\n/**\n * Which reported conditions this composition treats as **fatal** — the ones that\n * reach `error` and fire `'error'`. Severity isn't part of an SVTA code\n * (§Approach: \"impact varies with player implementation\"), and here it also\n * varies by composition, so it's decided at this boundary rather than by the\n * reporter.\n *\n * An allow-list, deliberately: only *verdicts* are here. The per-rendition causes\n * `resolve-track` reports (unsupported format, unsupported DRM) stay in the\n * sequence as context — one unplayable rendition doesn't fail the source, and\n * promoting a cause would put a dialog over a mixed source that goes on to play.\n */\nconst FATAL_SVTA_CODES: ReadonlySet<number> = new Set<number>([\n  SVTA_NO_SUPPORTED_VIDEO_TRACK,\n  SVTA_NO_SUPPORTED_AUDIO_TRACK,\n]);\n\n/**\n * Mixin that adds SPF playback engine behavior to any base class.\n *\n * Implements the src/play() contract per the WHATWG HTML spec so that SPF can\n * be used anywhere a media element API is expected.\n *\n * A single engine instance is created at construction and recycled across src\n * changes.\n *\n * @fires streamtypechange - Fired when the detected stream type changes. Read `streamType` for the new value.\n * @fires targetlivewindowchange - Fired when the target live window changes. Read `targetLiveWindow` for the new value.\n * @fires error - Fired when a fatal condition is reported. Read `error` for it.\n *\n * @example\n * class HlsVideoMedia extends HlsVideoMediaMixin(HTMLVideoElementHost) {}\n *\n * const media = new HlsVideoMedia();\n * media.attach(document.querySelector('video'));\n * media.src = 'https://stream.mux.com/abc123.m3u8';\n */\nexport function HlsVideoMediaMixin<Base extends Constructor<any>>(BaseClass: Base) {\n  class HlsVideoMediaImpl extends BaseClass {\n    /**\n     * A complete sentence naming the Media to reach for when this one can't play\n     * a source — `Try the hls.js-backed Mux media instead: import the hls-js\n     * flavor in place of the spf one.` Appended to the copy this adapter\n     * surfaces, and to the notices it logs. Name the flavor, not an import path:\n     * a Media is reached through several packages, each with its own counterpart.\n     *\n     * Empty here: `hls-video` has no better-equipped sibling to point at.\n     * A Media that does (a Mux Video built on this engine, whose hls.js-backed\n     * counterpart plays MPEG-TS and DRM) overrides this static, and its copy gains\n     * the second sentence with no other change.\n     */\n    static get alternativeMediaSuggestion(): string | undefined {\n      return undefined;\n    }\n\n    readonly #engine: Composition<HlsVideoEngineState, HlsVideoEngineContext>;\n    #config: HlsVideoEngineConfig;\n    #signals!: HlsVideoEngineSignals;\n    #preload: '' | 'none' | 'metadata' | 'auto' = hlsVideoMediaDefaultProps.preload;\n    #disableRemotePlayback: boolean = hlsVideoMediaDefaultProps.disableRemotePlayback;\n    #streamType: HlsVideoMediaStreamType = hlsVideoMediaDefaultProps.streamType;\n    #isUserStreamType = false;\n    #targetLiveWindow = Number.NaN;\n    #error: HlsVideoMediaError | null = null;\n    /**\n     * The *reported* condition currently surfaced, which is what the re-fire\n     * latch keys on. Not `#error.code`: that's the code this adapter chose to\n     * surface, and a later cause can change the choice for a condition already\n     * announced.\n     */\n    #reportedCode: number | null = null;\n    /** Notices already logged for the current source; cleared when it unloads. */\n    #noticed = new Set<string>();\n    #stopLiveSync: () => void;\n    #stopErrorSync: () => void;\n\n    /** Pending loadstart listener from a deferred play() retry, if any. */\n    #loadstartListener: (() => void) | null = null;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      const { config } = args?.[0] ?? {};\n      this.#config = config;\n      this.#engine = this.#createEngine();\n\n      // Mirror the engine's live/stream-type detection onto the media surface,\n      // firing the change events the store features listen for. One effect over\n      // the presentation + selection signals; `liveEdgeStart` is deliberately\n      // NOT cached here — it's derived at read time (the store re-reads it on\n      // `timeupdate`/`progress`), so a sliding window needs no event churn.\n      this.#stopLiveSync = effect(() => {\n        const presentation = this.#signals.state.presentation.get();\n        this.#setDetectedStreamType(presentation?.streamType ?? MediaStreamTypes.UNKNOWN);\n        this.#setTargetLiveWindow(deriveTargetLiveWindow(presentation, liveTrackId(this.#signals.state)));\n        this.#reportDeliveryNotices(presentation);\n      });\n\n      // Promote the first fatal condition out of the engine's reported sequence\n      // onto the media surface. Clearing rides the same signal: `collectErrors`\n      // resets the slot per source, so a new source starts with no error without\n      // this needing its own source-change hook.\n      this.#stopErrorSync = effect(() => {\n        const errors = this.#signals.state.errors.get();\n        this.#setError(firstFatal(errors, FATAL_SVTA_CODES), errors);\n      });\n    }\n\n    /**\n     * Underlying playback engine — the low-level SPF reactive composition that\n     * drives playback. An advanced escape hatch for direct engine access;\n     * normal playback is driven through this element's own properties and\n     * methods.\n     */\n    get engine(): Composition<HlsVideoEngineState, HlsVideoEngineContext> {\n      return this.#engine;\n    }\n\n    // -------------------------------------------------------------------------\n    // Live surface — streamType / targetLiveWindow / liveEdgeStart\n    // (the MediaStreamTypeCapability + MediaLiveCapability contract the player\n    // store's stream-type and live features consume)\n    // -------------------------------------------------------------------------\n\n    /**\n     * The current fatal error, or `null`. Only *fatal* conditions appear here —\n     * the engine reports non-fatal ones too (they stay in `engine.state.errors`),\n     * and promoting them would tell a consumer playback had failed when it\n     * hadn't. Resets per source. Fires `'error'` when set.\n     */\n    get error(): HlsVideoMediaError | null {\n      return this.#error;\n    }\n\n    /**\n     * The source's stream type — `'live'`, `'on-demand'`, or `'unknown'` until\n     * a media playlist has been parsed. Setting a non-`'unknown'` value pins a\n     * user override (detection stops updating it); setting `'unknown'` reverts\n     * to the engine's detected value.\n     */\n    get streamType(): HlsVideoMediaStreamType {\n      return this.#streamType;\n    }\n\n    set streamType(value: HlsVideoMediaStreamType) {\n      if (value === MediaStreamTypes.UNKNOWN) {\n        this.#isUserStreamType = false;\n        this.#updateStreamType(this.#signals.state.presentation.get()?.streamType ?? MediaStreamTypes.UNKNOWN);\n        return;\n      }\n      this.#isUserStreamType = true;\n      this.#updateStreamType(value);\n    }\n\n    /**\n     * Presentation time marking the start of the live-edge window — playback at\n     * `currentTime >= liveEdgeStart` counts as \"at the live edge\" (the same\n     * target the engine's `seekToLiveEdge` seeks to: window end − HOLD-BACK).\n     * `NaN` when the stream isn't live or nothing is resolved yet. Derived at\n     * read time from the engine's live window — no change event; re-read on\n     * `timeupdate`/`progress` (as the store's live feature does).\n     */\n    get liveEdgeStart(): number {\n      const edge = getLiveEdge({\n        state: this.#signals.state as LiveWindowState,\n        config: { resolveLiveLatency },\n      });\n      return edge?.liveEdgeStart ?? Number.NaN;\n    }\n\n    /**\n     * The target live window: `NaN` for on-demand (or unknown), `0` for\n     * standard sliding-window live, `Infinity` for DVR\n     * (`#EXT-X-PLAYLIST-TYPE:EVENT`). Fires `targetlivewindowchange` on change.\n     */\n    get targetLiveWindow(): number {\n      return this.#targetLiveWindow;\n    }\n\n    #setDetectedStreamType(value: HlsVideoMediaStreamType): void {\n      if (this.#isUserStreamType) return;\n      this.#updateStreamType(value);\n    }\n\n    #updateStreamType(value: HlsVideoMediaStreamType): void {\n      if (this.#streamType === value) return;\n      this.#streamType = value;\n      // Optional-chained: with an EventTarget-less base (`HlsVideoMediaElement`\n      // standalone) there's nowhere to dispatch; hosts forward it to listeners.\n      this.dispatchEvent?.(new Event('streamtypechange'));\n    }\n\n    #setTargetLiveWindow(value: number): void {\n      if (Object.is(this.#targetLiveWindow, value)) return;\n      this.#targetLiveWindow = value;\n      this.dispatchEvent?.(new Event('targetlivewindowchange'));\n    }\n\n    #setError(reported: SvtaError | undefined, errors: readonly SvtaError[] | undefined): void {\n      if (!reported) {\n        // Cleared (new source). No event: `'error'` announces a failure, and\n        // consumers reset their own copy on source change.\n        this.#error = null;\n        this.#reportedCode = null;\n        return;\n      }\n      // Keyed on the code, not the object: a later append re-runs this effect\n      // with an equal-but-new array, and re-firing `'error'` for a condition\n      // already surfaced would look like a second failure.\n      if (this.#reportedCode === reported.code) return;\n      this.#reportedCode = reported.code;\n\n      // A verdict says a type emptied; the causes say whether anything could\n      // have played it. When they include something this engine simply doesn't\n      // implement, that's the more useful thing to tell a consumer, so it\n      // replaces the verdict's code on the surface.\n      const unsupported = hasUnsupportedFeatureCause(errors);\n      if (unsupported) {\n        // The only place this engine explains itself in prose, and it's a\n        // console: the viewer-facing sentence is the consumer's to localize from\n        // the code. Conditions ride along structured so the specifics stay\n        // inspectable.\n        console.error(this.#withSuggestion(UNSUPPORTED_PLAYBACK_FEATURE_MESSAGE), { conditions: errors });\n      }\n\n      this.#error = {\n        code: unsupported ? SVTA_UNSUPPORTED_PLAYBACK_FEATURE : reported.code,\n        message: reported.message ?? '',\n        ...(reported.data === undefined ? {} : { data: reported.data }),\n      };\n      this.dispatchEvent?.(new Event('error'));\n    }\n\n    // -------------------------------------------------------------------------\n    // Media element lifecycle\n    // -------------------------------------------------------------------------\n\n    attach(mediaElement: HTMLMediaElement): void {\n      super.attach?.(mediaElement);\n      this.#signals.context.mediaElement.set(mediaElement);\n    }\n\n    detach(): void {\n      this.#cancelPendingPlay();\n      this.#signals.context.mediaElement.set(undefined);\n      super.detach?.();\n    }\n\n    destroy(): void {\n      this.#cancelPendingPlay();\n      this.#stopLiveSync();\n      this.#stopErrorSync();\n      this.#engine.destroy();\n    }\n\n    // -------------------------------------------------------------------------\n    // preload — synchronous IDL attribute (WHATWG §4.8.11.2)\n    // -------------------------------------------------------------------------\n\n    /** Preload type (`'none'` / `'metadata'` / `'auto'`). */\n    get preload(): '' | 'none' | 'metadata' | 'auto' {\n      return this.#preload;\n    }\n\n    set preload(value: '' | 'none' | 'metadata' | 'auto') {\n      this.#preload = value;\n      if (value) {\n        this.#signals.state.preload.set(value);\n      }\n      // value = '' resets the IDL mirror (so `get preload` reflects '') but does\n      // not patch state — the engine keeps its current preload until an explicit\n      // W3C value replaces it.\n    }\n\n    // -------------------------------------------------------------------------\n    // disableRemotePlayback — synchronous IDL attribute (WHATWG Remote Playback)\n    // Author intent for whether the AirPlay/remote picker is offered. Mirrors\n    // the DOM attribute name; the value flows to `state.disableRemotePlayback`,\n    // which `setupAirPlay` reads to honor an explicit opt-out. The underlying\n    // <video>'s own `disableRemotePlayback` stays programmatically managed\n    // (ManagedMediaSource needs it `true` to open; AirPlay flips it `false` once\n    // the source is open), so author intent and the effective flag stay distinct.\n    // -------------------------------------------------------------------------\n\n    get disableRemotePlayback(): boolean {\n      return this.#disableRemotePlayback;\n    }\n\n    set disableRemotePlayback(value: boolean) {\n      this.#disableRemotePlayback = value;\n      this.#signals.state.disableRemotePlayback.set(value);\n    }\n\n    // -------------------------------------------------------------------------\n    // src — synchronous IDL attribute (WHATWG §4.8.11.2)\n    // Each assignment overwrites the engine's presentation state in place. The\n    // resolver FSM routes back through teardown → rebuild on the same engine,\n    // mirroring how the browser's load algorithm resets media state on src change\n    // — without recreating the engine or re-capturing its signals. Setting an\n    // empty src un-resolves the presentation, tearing the current source down to\n    // the engine's fresh-but-attached \"no source\" state.\n    // -------------------------------------------------------------------------\n\n    get src(): string {\n      return this.#signals.state.presentation.get()?.url ?? '';\n    }\n\n    set src(value: string) {\n      // Assigning the URL already playing is not a request to reload it. The\n      // presentation is set from a fresh object every time, so re-resolving an\n      // unchanged URL restarts playback — which is what a caller changing only\n      // the parts of a structured source that describe images, rather than the\n      // stream, would get. The hls.js Media draws the same line: it announces\n      // every source change and loads only when the URL or engine config moves.\n      if (value === this.src) return;\n\n      this.#cancelPendingPlay();\n      this.#signals.state.presentation.set(value ? { url: value } : undefined);\n    }\n\n    // -------------------------------------------------------------------------\n    // play() — WHATWG §4.8.11.8\n    // Delegates to the attached media element's native play().\n    // -------------------------------------------------------------------------\n\n    play(): Promise<void> {\n      const mediaElement = this.#signals.context.mediaElement.get();\n      if (!mediaElement) {\n        return Promise.reject(new Error('HlsVideoMediaElement: no media element attached'));\n      }\n\n      // Signal play intent — enables loading even with preload=\"none\"\n      this.#signals.state.loadActivated.set(true);\n\n      return mediaElement.play().catch((err: unknown) => {\n        // If we have a pending HLS source, the rejection may be because MSE\n        // hasn't attached a blob URL yet. Wait for loadstart (src assigned\n        // by MSE setup) and retry once.\n        if (this.src) {\n          return new Promise<void>((resolve, reject) => {\n            const listener = () => {\n              this.#loadstartListener = null;\n              mediaElement.play().then(resolve, reject);\n            };\n            this.#loadstartListener = listener;\n            mediaElement.addEventListener('loadstart', listener, { once: true });\n          });\n        }\n        throw err;\n      });\n    }\n\n    // -------------------------------------------------------------------------\n    // Private\n    // -------------------------------------------------------------------------\n\n    /** `message`, plus the alternative-Media sentence when this class names one. */\n    #withSuggestion(message: string): string {\n      return withAlternativeMediaSuggestion(message, this);\n    }\n\n    /**\n     * Log what this engine is delivering differently from what the playlist asked\n     * for. Neither condition stops playback, so neither is an error — they go to\n     * the console rather than the error surface.\n     *\n     * Once per source, not per parse: a live playlist reloads every target\n     * duration, and the timeline track re-parses on each one. Keyed on the notice\n     * rather than latched with a boolean so the two are independent, and cleared\n     * when the presentation unresolves so the next source starts quiet.\n     */\n    #reportDeliveryNotices(presentation: MaybeResolvedPresentation | undefined): void {\n      if (!isResolvedPresentation(presentation)) {\n        this.#noticed.clear();\n        return;\n      }\n\n      const trackId = liveTrackId(this.#signals.state);\n      const track = trackId ? findTrackById(presentation, trackId) : undefined;\n      if (!track || !isResolvedTrack(track)) return;\n      const metadata = getMediaPlaylistMetadata(track);\n      if (!metadata) return;\n\n      if (metadata.lowLatency && !this.#noticed.has('lowLatency')) {\n        this.#noticed.add('lowLatency');\n        console.warn(this.#withSuggestion(LOW_LATENCY_UNSUPPORTED_MESSAGE));\n      }\n      if (metadata.playlistType === 'EVENT' && !this.#noticed.has('dvr')) {\n        this.#noticed.add('dvr');\n        console.warn(this.#withSuggestion(DVR_EXPERIMENTAL_MESSAGE));\n      }\n    }\n\n    #createEngine(): Composition<HlsVideoEngineState, HlsVideoEngineContext> {\n      return createHlsVideoEngine({\n        ...this.#config,\n        onSignalsReady: (signals) => {\n          this.#signals = signals;\n        },\n      });\n    }\n\n    #cancelPendingPlay(): void {\n      if (!this.#loadstartListener) return;\n      const mediaElement = this.#signals.context.mediaElement.get();\n      mediaElement?.removeEventListener('loadstart', this.#loadstartListener);\n      this.#loadstartListener = null;\n    }\n  }\n\n  // `MixinReturn` sources statics from `Base`, so the adapter's own static needs\n  // adding back to the type or callers can't read it.\n  return HlsVideoMediaImpl as unknown as MixinReturn<Base, HlsVideoMediaAPI> & {\n    readonly alternativeMediaSuggestion: string | undefined;\n  };\n}\n\n/** Standalone SPF media adapter with no base class. */\nexport class HlsVideoMediaElement extends HlsVideoMediaMixin(class {}) {}\n"],"mappings":"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"}