@vindral/web-sdk 4.5.1-9-gb7e40eb2c → 4.6.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.5.1-9-gb7e40eb2c",
+  "version": "4.6.0",
   "name": "@vindral/web-sdk",
   "main": "./legacy.umd.js",
   "module": "./legacy.es.js",

package/player.d.ts

@@ -174,6 +174,17 @@ interface DrmOptions {
 type Media = "audio" | "video" | "audio+video";
 type WebCodecsHardwareAccelerationPreference = "no-preference" | "prefer-hardware" | "prefer-software";
 type DecoderType = "mse" | "webcodecs" | "wasm";
+interface MediaSessionMetadata {
+	title?: string;
+	artist?: string;
+	album?: string;
+	/** Fetched by the operating system, so the URLs should not carry credentials. */
+	artwork?: Array<{
+		src: string;
+		sizes?: string;
+		type?: string;
+	}>;
+}
 interface Options {
 	/**
 	 * URL to use when connecting to the stream
@@ -269,6 +280,20 @@ interface Options {
 	 * Legacy alias kept for backwards compatibility.
 	 */
 	iosBackgroundPlayEnabled?: boolean;
+	/**
+	 * Show the stream in the browser and OS media controls (notification, lock screen, toolbar) and
+	 * let play and pause from there reach the SDK. Enabled by default.
+	 *
+	 * The SDK takes over `navigator.mediaSession` for the document, so a page with its own Media
+	 * Session integration should disable this. On canvas playback paths a silent `<audio>` element is
+	 * added to `document.body` for the controls to attach to.
+	 */
+	mediaSessionEnabled?: boolean;
+	/**
+	 * Title, artist and artwork for the media controls. Without it the browser derives them from the
+	 * page. Read once at construction.
+	 */
+	mediaSessionMetadata?: MediaSessionMetadata;
 	/**
 	 * Enable or disable Adaptive Bit Rate. This allows for automatically adapting the incoming bit rate based on
 	 * the viewers bandwidth and thus avoiding buffering events. This also disables the
@@ -383,6 +408,9 @@ interface Options {
 	 * This enables platform media features such as fullscreen and picture-in-picture
 	 * for non-MSE playback by routing the canvas output through a `<video>` element.
 	 *
+	 * On iOS the audio then plays from its own element, so it continues in the background and under
+	 * lock. After an extended pause from the lock screen, reopening Safari may be required to resume.
+	 *
 	 * Disabled by default.
 	 */
 	streamToMediaElementEnabled?: boolean;
@@ -836,6 +864,13 @@ interface JitterModuleStatistics {
 	audioJitter: JitterStatistics | undefined;
 	videoJitter: JitterStatistics | undefined;
 }
+type DecoyState = "detached" | "attached" | "playing" | "blocked";
+interface MediaSessionModuleStatistics {
+	mediaSessionSupported: boolean;
+	mediaSessionOwner: boolean;
+	mediaSessionPlaybackState: MediaSessionPlaybackState;
+	decoyState?: DecoyState;
+}
 interface MseModuleStatistics {
 	quotaErrorCount: number;
 	mediaSourceOpenTime: number;
@@ -947,8 +982,10 @@ interface SyncModuleStatistics {
 interface VideoPlayerStatistics {
 	renderedFrameCount: number;
 	rendererDroppedFrameCount: number;
+	/** The platform's own view of the audio context, which a mute reading cannot tell apart. */
+	audioContextState?: AudioContextState | "none";
 }
-type ModuleStatistics = AdaptivityStatistics & BufferTimeStatistics & ConnectionStatistics & ConstraintCapStatistics & DecoderStatistics & DocumentStateModulesStatistics & IncomingDataModuleStatistics & JitterModuleStatistics & MseModuleStatistics & PlaybackModuleStatistics & QualityOfServiceModuleStatistics & RenditionsModuleStatistics & SyncModuleStatistics & TelemetryModuleStatistics & VideoPlayerStatistics;
+type ModuleStatistics = AdaptivityStatistics & BufferTimeStatistics & ConnectionStatistics & ConstraintCapStatistics & DecoderStatistics & DocumentStateModulesStatistics & IncomingDataModuleStatistics & JitterModuleStatistics & Partial<MediaSessionModuleStatistics> & MseModuleStatistics & PlaybackModuleStatistics & QualityOfServiceModuleStatistics & RenditionsModuleStatistics & SyncModuleStatistics & TelemetryModuleStatistics & VideoPlayerStatistics;
 type Statistics = ModuleStatistics & ReturnType<UserAgentInformation["getUserAgentInformation"]> & {
 	/**
 	 * Version of the @vindral/web-sdk being used.
@@ -1000,6 +1037,8 @@ type Statistics = ModuleStatistics & ReturnType<UserAgentInformation["getUserAge
 	streamToMediaElementEnabled?: boolean;
 	/** @deprecated */
 	iosMediaElementEnabled?: boolean;
+	/** Whether the element carrying the audio is paused right now, on the sinks that have one. */
+	mediaElementPaused?: boolean;
 	/**
 	 * Average bitrate for the entire session in bits/second.
 	 */
@@ -1026,6 +1065,8 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private static MAX_POOL_SIZE;
 	private static REMOVE_CUE_THRESHOLD;
 	private static BACKGROUND_INACTIVITY_DISCONNECT_TIMEOUT;
+	/** How long a pause on a visible page may still turn out to be the platform backgrounding us. */
+	private static VISIBLE_PAUSE_DISCONNECT_DELAY;
 	/**
 	 * Picture in picture
 	 */
@@ -1068,7 +1109,10 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private offscreenCanvasElement?;
 	private webCodecsRenditionSupport;
 	private hasCalledConnect;
+	private hasRequestedAudioSession;
 	private isUserPaused;
+	/** Only the sinks that carry the audio report this, so a paused element here means silence. */
+	private isMediaElementPaused;
 	private latestEmittedLanguages;
 	private wakeLock;
 	private pool;
@@ -1084,6 +1128,7 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private sizes;
 	private isSuspended;
 	private inactivityDisconnectInterval;
+	private visiblePauseTimeout;
 	private offscreenSubtitleInterval?;
 	constructor(options: Options);
 	/**
@@ -1385,6 +1430,8 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private isSupportedVideoCodecProfile;
 	private supportedAudioCodecs;
 	private initializeDecodingModule;
+	private capturesCanvasOnWebKit;
+	private connectWebKitVideoOutput;
 	/**
 	 * Set up a polling interval that forwards subtitle cues to the decoder worker
 	 * when OffscreenCanvas rendering is active. This is needed because the canvas modules'
@@ -1416,6 +1463,12 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * Pauses the stream. Call .play() to resume playback again.
 	 */
 	pause: () => void;
+	/**
+	 * A browser-initiated decoy pause means an interruption (another app took the focus, headphones
+	 * unplugged), so give the audio up rather than play over it. WebKit holds the decoy on purpose.
+	 */
+	private yieldToInterruption;
+	private fromNativeControls;
 	private registerDebugInstance;
 	/**
 	 *
@@ -1448,8 +1501,18 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private resetModules;
 	private disconnectForInactivePage;
 	private scheduleInactivityDisconnect;
+	/**
+	 * iOS pauses the element a moment before it hides the page, and that pause reaches us while the
+	 * page still reports visible. Acting on it at once tears the session down, so every app switch
+	 * comes back as a full reconnect. Wait for the hide that follows a platform pause instead.
+	 * Nowhere else pauses before hiding, so there a visible pause is the viewer's at once.
+	 */
+	private onVisiblePause;
+	private disconnectForVisiblePause;
+	private clearVisiblePauseDisconnect;
 	private clearInactivityDisconnect;
 	private isHiddenWithBackgroundPlayback;
+	private isVideoOnScreen;
 	private isHiddenWithBackgroundPlayDisabled;
 	private suspend;
 	private unsuspend;
@@ -1467,6 +1530,20 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private get targetSubscription();
 	private timeToFirstFrame;
 	private resolvedDecoder;
+	/**
+	 * On mobile Chromium with WebCodecs audio the play action arrives but no sound comes back until
+	 * the page is visible, so a hidden pause is a stop there. Reads the decoder in use.
+	 */
+	private hiddenPauseIsStop;
+	private usesSplitCanvasAudio;
+	private isWebKitCanvasPath;
+	private holdsDecoyWhilePaused;
+	private streamsToMediaElement;
+	/**
+	 * Safari 16.4+: a playback audio session keeps Web Audio alive in the background. Document-wide
+	 * and not restorable, so it waits for playback to be wanted rather than for construction.
+	 */
+	private requestAudioSessionOnce;
 	private willUseMediaSource;
 	private shouldUseWebCodecs;
 	private isWebCodecsVideoAvailable;
@@ -1937,6 +2014,7 @@ export declare class Controller extends HTMLElement {
 		"mse-opus-enabled",
 		"background-play-enabled",
 		"ios-background-play-enabled",
+		"media-session-enabled",
 		"ios-wake-lock-enabled",
 		"stream-to-media-element-enabled",
 		"ios-media-element-enabled",
@@ -2053,7 +2131,7 @@ export declare class PlayButton extends VindralButton {
  */
 export declare class Player extends HTMLElement {
 	#private;
-	static observedAttributes: readonly ("title" | "offline" | "advanced" | "poster" | "language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "double-click-fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "timeline-markers" | "poster-src" | "debug-panel-open" | "target-buffer-time" | "drift" | "playback-latency" | "connection-state" | "url" | "decoders" | "min-buffer-time" | "max-buffer-time" | "edge-url" | "cast-receiver-id" | "cast-background" | "log-level" | "max-size" | "max-audio-bit-rate" | "burst-enabled" | "mse-enabled" | "mse-opus-enabled" | "background-play-enabled" | "ios-background-play-enabled" | "ios-wake-lock-enabled" | "stream-to-media-element-enabled" | "ios-media-element-enabled" | "telemetry-enabled" | "video-codecs" | "drm-headers" | "drm-queryparams" | "drm-widevine-video-robustness" | "drm-widevine-audio-robustness" | "drm-playready-video-robustness" | "drm-playready-audio-robustness" | "webtransport-enabled" | "webcodecs-hardware-acceleration" | "offscreen-canvas-enabled" | "reconnect-retries" | "auto-instance-enabled" | "advanced-rendition-menu-enabled" | "refresh-poster-enabled" | "stream-poll-enabled")[];
+	static observedAttributes: readonly ("title" | "offline" | "advanced" | "poster" | "language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "double-click-fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "timeline-markers" | "poster-src" | "debug-panel-open" | "target-buffer-time" | "drift" | "playback-latency" | "connection-state" | "url" | "decoders" | "min-buffer-time" | "max-buffer-time" | "edge-url" | "cast-receiver-id" | "cast-background" | "log-level" | "max-size" | "max-audio-bit-rate" | "burst-enabled" | "mse-enabled" | "mse-opus-enabled" | "background-play-enabled" | "ios-background-play-enabled" | "media-session-enabled" | "ios-wake-lock-enabled" | "stream-to-media-element-enabled" | "ios-media-element-enabled" | "telemetry-enabled" | "video-codecs" | "drm-headers" | "drm-queryparams" | "drm-widevine-video-robustness" | "drm-widevine-audio-robustness" | "drm-playready-video-robustness" | "drm-playready-audio-robustness" | "webtransport-enabled" | "webcodecs-hardware-acceleration" | "offscreen-canvas-enabled" | "reconnect-retries" | "auto-instance-enabled" | "advanced-rendition-menu-enabled" | "refresh-poster-enabled" | "stream-poll-enabled")[];
 	constructor();
 	connectedCallback(): void;
 	disconnectedCallback(): void;

package/player.js

@@ -1,4 +1,4 @@
 import { t as e } from "./DbdwBdhd.js";
-import "./Cj61-Cjf.js";
-import { t } from "./DZ1kJVLj.js";
+import "./CN8w7_en.js";
+import { t } from "./BV8nX-0b.js";
 export { t as registerComponents, e as registerDebugComponents };

package/react.d.ts

@@ -176,6 +176,17 @@ interface DrmOptions {
 type Media = "audio" | "video" | "audio+video";
 type WebCodecsHardwareAccelerationPreference = "no-preference" | "prefer-hardware" | "prefer-software";
 type DecoderType = "mse" | "webcodecs" | "wasm";
+interface MediaSessionMetadata {
+	title?: string;
+	artist?: string;
+	album?: string;
+	/** Fetched by the operating system, so the URLs should not carry credentials. */
+	artwork?: Array<{
+		src: string;
+		sizes?: string;
+		type?: string;
+	}>;
+}
 interface Options {
 	/**
 	 * URL to use when connecting to the stream
@@ -271,6 +282,20 @@ interface Options {
 	 * Legacy alias kept for backwards compatibility.
 	 */
 	iosBackgroundPlayEnabled?: boolean;
+	/**
+	 * Show the stream in the browser and OS media controls (notification, lock screen, toolbar) and
+	 * let play and pause from there reach the SDK. Enabled by default.
+	 *
+	 * The SDK takes over `navigator.mediaSession` for the document, so a page with its own Media
+	 * Session integration should disable this. On canvas playback paths a silent `<audio>` element is
+	 * added to `document.body` for the controls to attach to.
+	 */
+	mediaSessionEnabled?: boolean;
+	/**
+	 * Title, artist and artwork for the media controls. Without it the browser derives them from the
+	 * page. Read once at construction.
+	 */
+	mediaSessionMetadata?: MediaSessionMetadata;
 	/**
 	 * Enable or disable Adaptive Bit Rate. This allows for automatically adapting the incoming bit rate based on
 	 * the viewers bandwidth and thus avoiding buffering events. This also disables the
@@ -385,6 +410,9 @@ interface Options {
 	 * This enables platform media features such as fullscreen and picture-in-picture
 	 * for non-MSE playback by routing the canvas output through a `<video>` element.
 	 *
+	 * On iOS the audio then plays from its own element, so it continues in the background and under
+	 * lock. After an extended pause from the lock screen, reopening Safari may be required to resume.
+	 *
 	 * Disabled by default.
 	 */
 	streamToMediaElementEnabled?: boolean;
@@ -838,6 +866,13 @@ interface JitterModuleStatistics {
 	audioJitter: JitterStatistics | undefined;
 	videoJitter: JitterStatistics | undefined;
 }
+type DecoyState = "detached" | "attached" | "playing" | "blocked";
+interface MediaSessionModuleStatistics {
+	mediaSessionSupported: boolean;
+	mediaSessionOwner: boolean;
+	mediaSessionPlaybackState: MediaSessionPlaybackState;
+	decoyState?: DecoyState;
+}
 interface MseModuleStatistics {
 	quotaErrorCount: number;
 	mediaSourceOpenTime: number;
@@ -949,8 +984,10 @@ interface SyncModuleStatistics {
 interface VideoPlayerStatistics {
 	renderedFrameCount: number;
 	rendererDroppedFrameCount: number;
+	/** The platform's own view of the audio context, which a mute reading cannot tell apart. */
+	audioContextState?: AudioContextState | "none";
 }
-type ModuleStatistics = AdaptivityStatistics & BufferTimeStatistics & ConnectionStatistics & ConstraintCapStatistics & DecoderStatistics & DocumentStateModulesStatistics & IncomingDataModuleStatistics & JitterModuleStatistics & MseModuleStatistics & PlaybackModuleStatistics & QualityOfServiceModuleStatistics & RenditionsModuleStatistics & SyncModuleStatistics & TelemetryModuleStatistics & VideoPlayerStatistics;
+type ModuleStatistics = AdaptivityStatistics & BufferTimeStatistics & ConnectionStatistics & ConstraintCapStatistics & DecoderStatistics & DocumentStateModulesStatistics & IncomingDataModuleStatistics & JitterModuleStatistics & Partial<MediaSessionModuleStatistics> & MseModuleStatistics & PlaybackModuleStatistics & QualityOfServiceModuleStatistics & RenditionsModuleStatistics & SyncModuleStatistics & TelemetryModuleStatistics & VideoPlayerStatistics;
 type Statistics = ModuleStatistics & ReturnType<UserAgentInformation["getUserAgentInformation"]> & {
 	/**
 	 * Version of the @vindral/web-sdk being used.
@@ -1002,6 +1039,8 @@ type Statistics = ModuleStatistics & ReturnType<UserAgentInformation["getUserAge
 	streamToMediaElementEnabled?: boolean;
 	/** @deprecated */
 	iosMediaElementEnabled?: boolean;
+	/** Whether the element carrying the audio is paused right now, on the sinks that have one. */
+	mediaElementPaused?: boolean;
 	/**
 	 * Average bitrate for the entire session in bits/second.
 	 */
@@ -1028,6 +1067,8 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private static MAX_POOL_SIZE;
 	private static REMOVE_CUE_THRESHOLD;
 	private static BACKGROUND_INACTIVITY_DISCONNECT_TIMEOUT;
+	/** How long a pause on a visible page may still turn out to be the platform backgrounding us. */
+	private static VISIBLE_PAUSE_DISCONNECT_DELAY;
 	/**
 	 * Picture in picture
 	 */
@@ -1070,7 +1111,10 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private offscreenCanvasElement?;
 	private webCodecsRenditionSupport;
 	private hasCalledConnect;
+	private hasRequestedAudioSession;
 	private isUserPaused;
+	/** Only the sinks that carry the audio report this, so a paused element here means silence. */
+	private isMediaElementPaused;
 	private latestEmittedLanguages;
 	private wakeLock;
 	private pool;
@@ -1086,6 +1130,7 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private sizes;
 	private isSuspended;
 	private inactivityDisconnectInterval;
+	private visiblePauseTimeout;
 	private offscreenSubtitleInterval?;
 	constructor(options: Options);
 	/**
@@ -1387,6 +1432,8 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private isSupportedVideoCodecProfile;
 	private supportedAudioCodecs;
 	private initializeDecodingModule;
+	private capturesCanvasOnWebKit;
+	private connectWebKitVideoOutput;
 	/**
 	 * Set up a polling interval that forwards subtitle cues to the decoder worker
 	 * when OffscreenCanvas rendering is active. This is needed because the canvas modules'
@@ -1418,6 +1465,12 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * Pauses the stream. Call .play() to resume playback again.
 	 */
 	pause: () => void;
+	/**
+	 * A browser-initiated decoy pause means an interruption (another app took the focus, headphones
+	 * unplugged), so give the audio up rather than play over it. WebKit holds the decoy on purpose.
+	 */
+	private yieldToInterruption;
+	private fromNativeControls;
 	private registerDebugInstance;
 	/**
 	 *
@@ -1450,8 +1503,18 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private resetModules;
 	private disconnectForInactivePage;
 	private scheduleInactivityDisconnect;
+	/**
+	 * iOS pauses the element a moment before it hides the page, and that pause reaches us while the
+	 * page still reports visible. Acting on it at once tears the session down, so every app switch
+	 * comes back as a full reconnect. Wait for the hide that follows a platform pause instead.
+	 * Nowhere else pauses before hiding, so there a visible pause is the viewer's at once.
+	 */
+	private onVisiblePause;
+	private disconnectForVisiblePause;
+	private clearVisiblePauseDisconnect;
 	private clearInactivityDisconnect;
 	private isHiddenWithBackgroundPlayback;
+	private isVideoOnScreen;
 	private isHiddenWithBackgroundPlayDisabled;
 	private suspend;
 	private unsuspend;
@@ -1469,6 +1532,20 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private get targetSubscription();
 	private timeToFirstFrame;
 	private resolvedDecoder;
+	/**
+	 * On mobile Chromium with WebCodecs audio the play action arrives but no sound comes back until
+	 * the page is visible, so a hidden pause is a stop there. Reads the decoder in use.
+	 */
+	private hiddenPauseIsStop;
+	private usesSplitCanvasAudio;
+	private isWebKitCanvasPath;
+	private holdsDecoyWhilePaused;
+	private streamsToMediaElement;
+	/**
+	 * Safari 16.4+: a playback audio session keeps Web Audio alive in the background. Document-wide
+	 * and not restorable, so it waits for playback to be wanted rather than for construction.
+	 */
+	private requestAudioSessionOnce;
 	private willUseMediaSource;
 	private shouldUseWebCodecs;
 	private isWebCodecsVideoAvailable;
@@ -1946,6 +2023,7 @@ declare class Controller extends HTMLElement {
 		"mse-opus-enabled",
 		"background-play-enabled",
 		"ios-background-play-enabled",
+		"media-session-enabled",
 		"ios-wake-lock-enabled",
 		"stream-to-media-element-enabled",
 		"ios-media-element-enabled",
@@ -2063,7 +2141,7 @@ declare class PlayButton extends VindralButton {
 type PlayerAttributes = (typeof Player.observedAttributes)[number];
 declare class Player extends HTMLElement {
 	#private;
-	static observedAttributes: readonly ("title" | "offline" | "advanced" | "poster" | "language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "double-click-fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "timeline-markers" | "poster-src" | "debug-panel-open" | "target-buffer-time" | "drift" | "playback-latency" | "connection-state" | "url" | "decoders" | "min-buffer-time" | "max-buffer-time" | "edge-url" | "cast-receiver-id" | "cast-background" | "log-level" | "max-size" | "max-audio-bit-rate" | "burst-enabled" | "mse-enabled" | "mse-opus-enabled" | "background-play-enabled" | "ios-background-play-enabled" | "ios-wake-lock-enabled" | "stream-to-media-element-enabled" | "ios-media-element-enabled" | "telemetry-enabled" | "video-codecs" | "drm-headers" | "drm-queryparams" | "drm-widevine-video-robustness" | "drm-widevine-audio-robustness" | "drm-playready-video-robustness" | "drm-playready-audio-robustness" | "webtransport-enabled" | "webcodecs-hardware-acceleration" | "offscreen-canvas-enabled" | "reconnect-retries" | "auto-instance-enabled" | "advanced-rendition-menu-enabled" | "refresh-poster-enabled" | "stream-poll-enabled")[];
+	static observedAttributes: readonly ("title" | "offline" | "advanced" | "poster" | "language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "double-click-fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "timeline-markers" | "poster-src" | "debug-panel-open" | "target-buffer-time" | "drift" | "playback-latency" | "connection-state" | "url" | "decoders" | "min-buffer-time" | "max-buffer-time" | "edge-url" | "cast-receiver-id" | "cast-background" | "log-level" | "max-size" | "max-audio-bit-rate" | "burst-enabled" | "mse-enabled" | "mse-opus-enabled" | "background-play-enabled" | "ios-background-play-enabled" | "media-session-enabled" | "ios-wake-lock-enabled" | "stream-to-media-element-enabled" | "ios-media-element-enabled" | "telemetry-enabled" | "video-codecs" | "drm-headers" | "drm-queryparams" | "drm-widevine-video-robustness" | "drm-widevine-audio-robustness" | "drm-playready-video-robustness" | "drm-playready-audio-robustness" | "webtransport-enabled" | "webcodecs-hardware-acceleration" | "offscreen-canvas-enabled" | "reconnect-retries" | "auto-instance-enabled" | "advanced-rendition-menu-enabled" | "refresh-poster-enabled" | "stream-poll-enabled")[];
 	constructor();
 	connectedCallback(): void;
 	disconnectedCallback(): void;

package/vindral-player-component.js

@@ -1,5 +1,5 @@
-import "./Cj61-Cjf.js";
-import { t as e } from "./DZ1kJVLj.js";
+import "./CN8w7_en.js";
+import { t as e } from "./BV8nX-0b.js";
 //#region src/vindral-player-component.ts
 e();
 //#endregion

package/CN4egPyY.js

@@ -1,149 +0,0 @@
-import { n as e, t } from "./BsfwXDui.js";
-import { t as n } from "./DrWNJwZx.js";
-import { t as r } from "./BKeRxR4O.js";
-import { i, n as a, t as o } from "./CbyVl6wP.js";
-//#region ../../libs/web-sdk/src/decoders/PendingSampleMap.ts
-var s = class {
-	constructor() {
-		e(this, "map", /* @__PURE__ */ new Map());
-	}
-	enqueue(e, t) {
-		let r = this.map.get(e);
-		if (r) r.push(t);
-		else {
-			let r = new n(Infinity);
-			r.push(t), this.map.set(e, r);
-		}
-	}
-	dequeue(e) {
-		let t = this.map.get(e);
-		if (!t) return;
-		let n = t.pop();
-		return t.isEmpty() && this.map.delete(e), n;
-	}
-	dequeueWithFallback(e) {
-		let t = this.dequeue(e);
-		if (t !== void 0) return t;
-		for (let [e, t] of this.map) {
-			let n = t.pop();
-			if (t.isEmpty() && this.map.delete(e), n !== void 0) return n;
-		}
-	}
-	removeLast(e) {
-		let t = this.map.get(e);
-		t && (t.popLast(), t.isEmpty() && this.map.delete(e));
-	}
-	clear() {
-		this.map.clear();
-	}
-}, c, l = globalThis, u = class {
-	constructor(c) {
-		var l = this;
-		e(this, "decodedSamples", []), e(this, "decoder", null), e(this, "logger", void 0), e(this, "initSegments", /* @__PURE__ */ new Map()), e(this, "previousSample", void 0), e(this, "previousCodec", void 0), e(this, "pendingSamples", new s()), e(this, "errors", new n(10)), e(this, "resetDecoderState", () => {
-			this.pendingSamples.clear(), this.previousSample = void 0, this.previousCodec = void 0;
-		}), e(this, "ensureDecoder", () => ((!this.decoder || this.decoder.state === "closed") && (this.decoder = this.createDecoder()), this.decoder)), e(this, "createDecoder", () => new AudioDecoder({
-			output: (e) => {
-				let t = this.pendingSamples.dequeueWithFallback(e.timestamp);
-				if (!t) {
-					e.close();
-					return;
-				}
-				let { sample: n, decodeStartTime: i } = t;
-				try {
-					let t = e.numberOfFrames, a = e.numberOfChannels, o = e.sampleRate, s = e.timestamp, c = e.duration, l = new Float32Array(t * a);
-					e.copyTo(l, {
-						planeIndex: 0,
-						format: "f32"
-					});
-					let u = Math.round(s * n.timescale / 1e6), d = typeof c == "number" && Number.isFinite(c) ? Math.max(0, Math.round(c * n.timescale / 1e6)) : n.duration, f = r(r({}, n), {}, {
-						timestamp: u,
-						duration: d,
-						type: "audio",
-						format: "f32",
-						data: l,
-						sampleRate: o,
-						channels: a,
-						statistics: {
-							decodeTime: Math.max(performance.now() - i, 0),
-							transportTimeFromWorker: 0,
-							transportTimeToWorker: 0,
-							samplesInBatch: 1
-						}
-					});
-					this.decodedSamples.push(f);
-				} finally {
-					e.close();
-				}
-			},
-			error: (e) => {
-				this.logger.error("Decoder error:", e.name, e.message), this.resetDecoderState(), this.errors.push(e);
-			}
-		})), e(this, "buildCodecString", o), e(this, "getDescription", (e, t) => {
-			let n = this.initSegments.get(t.renditionId);
-			if (n && n.data.byteLength > 0 && n.codec === e) return n.data;
-			if (e === "opus") return a(t.channels, t.sampleRate);
-			if (e === "aac") return i(t.channels, t.sampleRate);
-		}), e(this, "unload", () => {
-			this.decodedSamples = [], this.resetDecoderState(), this.decoder && this.decoder.state !== "closed" && this.decoder.close(), this.decoder = null;
-		}), e(this, "initSegment", (e) => {
-			this.initSegments.set(e.renditionId, e);
-		}), e(this, "enqueue", (e) => {
-			var t, n;
-			let r = this.ensureDecoder(), i = e.codec, a = ((t = this.previousSample) == null ? void 0 : t.channelId) !== e.channelId, o = ((n = this.previousSample) == null ? void 0 : n.renditionId) !== e.renditionId, s = this.previousCodec !== i;
-			if (!this.previousSample || a || o || s) {
-				this.previousSample && r.state === "configured" && r.flush().catch((e) => {
-					this.logger.warn("Failed to flush before reconfiguration:", e);
-				});
-				let t = this.buildCodecString(i), n = this.getDescription(i, e), a = {
-					codec: t,
-					sampleRate: e.sampleRate,
-					numberOfChannels: e.channels,
-					description: n
-				};
-				try {
-					r.configure(a), this.previousCodec = i;
-				} catch (t) {
-					this.logger.error(`Failed to configure decoder for ${i} (rendition ${e.renditionId}), dropping sample`, t), this.errors.push(t instanceof Error ? t : /* @__PURE__ */ Error(`Failed to configure decoder for ${i}`)), this.resetDecoderState(), this.ensureDecoder();
-					return;
-				}
-			}
-			if (e.timescale <= 0) {
-				this.logger.error(`Invalid timescale ${e.timescale} in sample, dropping sample`);
-				return;
-			}
-			this.previousSample = e;
-			let c = Math.floor(1e6 * e.timestamp / e.timescale), l = Math.floor(1e6 * e.duration / e.timescale);
-			try {
-				let t = new EncodedAudioChunk({
-					type: "key",
-					timestamp: c,
-					duration: l > 0 ? l : void 0,
-					data: e.data
-				});
-				this.pendingSamples.enqueue(c, {
-					sample: e,
-					decodeStartTime: performance.now()
-				}), r.decode(t);
-			} catch (e) {
-				this.logger.error("Failed to decode chunk:", e), this.pendingSamples.removeLast(c), r.state === "closed" && (this.resetDecoderState(), this.ensureDecoder());
-			}
-		}), e(this, "flush", t(function* () {
-			if (l.decoder && l.decoder.state === "configured") try {
-				yield l.decoder.flush();
-			} catch (e) {
-				l.logger.error("Failed to flush decoder:", e), l.resetDecoderState();
-			}
-		})), e(this, "error", () => this.errors.pop()), e(this, "take", () => this.decodedSamples.shift()), this.logger = c, this.decoder = this.createDecoder();
-	}
-};
-c = u, e(u, "isSupported", () => l.AudioDecoder !== void 0), e(u, "create", function() {
-	var e = t(function* (e) {
-		if (!c.isSupported()) throw Error("WebCodecs AudioDecoder is not supported in this environment");
-		return new c(e);
-	});
-	return function(t) {
-		return e.apply(this, arguments);
-	};
-}());
-//#endregion
-export { u as WebCodecsAudioDecoderContext };