@vindral/web-sdk 4.2.0 → 4.2.1

package/react.d.ts

@@ -131,7 +131,7 @@ declare class UserAgentInformation {
 	};
 }
 type AudioCodec = "aac" | "opus" | "mp3";
-type VideoCodec = "h264" | "av1";
+type VideoCodec = "h264" | "h265" | "av1";
 interface ReconnectState {
 	/**
 	 * The number or retry attempts so far.
@@ -464,8 +464,8 @@ interface TrackObject {
 	displayWidth?: number;
 	displayHeight?: number;
 	language?: string;
-	["com.vindral.variant_uid"]?: string;
-	["com.vindral.drm"]?: string;
+	"com.vindral.variant_uid"?: string;
+	"com.vindral.drm"?: string;
 }
 interface CatalogRoot {
 	version: number;
@@ -832,6 +832,7 @@ interface JitterModuleStatistics {
 interface MseModuleStatistics {
 	quotaErrorCount: number;
 	mediaSourceOpenTime: number;
+	playbackStallCount: number;
 	totalVideoFrames?: number;
 	droppedVideoFrames?: number;
 	successfulVideoAppendCalls?: number;
@@ -1163,6 +1164,14 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * setting targetBufferTime within that range for consistancy if using both min/max.
 	 */
 	set targetBufferTime(bufferTimeMs: number);
+	/**
+	 * Update the dynamic buffer time configuration at runtime.
+	 * Allows adjusting min and max buffer time without recreating the Vindral instance.
+	 */
+	updateBufferTimeConfig(config: {
+		minBufferTime?: number;
+		maxBufferTime?: number;
+	}): void;
 	/**
 	 * The estimated playback latency based on target buffer time, the connection rtt and local playback drift
 	 */
@@ -1400,6 +1409,8 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private suspend;
 	private unsuspend;
 	private getRuntimeInfo;
+	private getPlaybackBufferState;
+	private onMediaElementBufferState;
 	private onMediaElementState;
 	private onBufferEvent;
 	/**
@@ -1498,7 +1509,7 @@ interface PublicVindralEvents {
 	 * In case of a fatal error it is appropriate to indicate what the error was to the user, either by displaying the error.message or
 	 * by using the error.code() as a key to look up a localization string. To resume streaming it is required to create a new Vindral instance.
 	 */
-	["error"]: Readonly<VindralError>;
+	error: Readonly<VindralError>;
 	/**
 	 * When the instance needs user input to activate audio or sometimes video playback.
 	 * Is called with an object
@@ -1509,51 +1520,51 @@ interface PublicVindralEvents {
 	 * }
 	 * ```
 	 */
-	["needs user input"]: NeedsUserInputContext;
+	"needs user input": NeedsUserInputContext;
 	/**
 	 * When a timed metadata event has been triggered
 	 */
-	["metadata"]: Readonly<Metadata>;
+	metadata: Readonly<Metadata>;
 	/**
 	 * When the playback state changes
 	 */
-	["playback state"]: Readonly<PlaybackState>;
+	"playback state": Readonly<PlaybackState>;
 	/**
 	 * When the connection state changes
 	 */
-	["connection state"]: Readonly<ConnectionState>;
+	"connection state": Readonly<ConnectionState>;
 	/**
 	 * When the available rendition levels is changed
 	 */
-	["rendition levels"]: ReadonlyArray<RenditionLevel>;
+	"rendition levels": ReadonlyArray<RenditionLevel>;
 	/**
 	 * When the rendition level is changed
 	 */
-	["rendition level"]: Readonly<RenditionLevel>;
+	"rendition level": Readonly<RenditionLevel>;
 	/**
 	 * When the available languages is changed
 	 */
-	["languages"]: ReadonlyArray<string>;
+	languages: ReadonlyArray<string>;
 	/**
 	 * When the available text tracks are changed
 	 */
-	["text tracks"]: ReadonlyArray<string>;
+	"text tracks": ReadonlyArray<string>;
 	/**
 	 * When the available channels is changed
 	 */
-	["channels"]: ReadonlyArray<Channel>;
+	channels: ReadonlyArray<Channel>;
 	/**
 	 * When a context switch state change has occured.
 	 * E.g. when a channel change has been requested, or quality is changed.
 	 */
-	["context switch"]: Readonly<ContextSwitchState>;
+	"context switch": Readonly<ContextSwitchState>;
 	/**
 	 * Emitted when a wallclock time message has been received from the server.
 	 *
 	 * Note: This is the edge server wallclock time and thus may differ slightly
 	 * between two viewers if they are connected to different edge servers.
 	 */
-	["server wallclock time"]: Readonly<number>;
+	"server wallclock time": Readonly<number>;
 	/**
 	 * Is emitted during connection whether the channel is live or not.
 	 *
@@ -1563,41 +1574,41 @@ interface PublicVindralEvents {
 	 * Note: If the web-sdk is instantiated at the same time as you are starting the stream it is possible
 	 * that this emits false until the started state has propagated through the system.
 	 */
-	["is live"]: boolean;
+	"is live": boolean;
 	/**
 	 * Emitted when a channel switch has been completed and the first frame of the new channel is rendered.
 	 * A string containing the channel id of the new channel is provided as an argument.
 	 */
-	["channel switch"]: Readonly<ChannelSwitchContext>;
+	"channel switch": Readonly<ChannelSwitchContext>;
 	/**
 	 * Emmitted when a channel switch fails.
 	 * A string containing the channel id of the current channel is provided as an argument.
 	 */
-	["channel switch failed"]: Readonly<ChannelSwitchContext>;
+	"channel switch failed": Readonly<ChannelSwitchContext>;
 	/**
 	 * Emitted when a language switch has been completed and the new language starts playing.
 	 */
-	["language switch"]: Readonly<LanguageSwitchContext>;
+	"language switch": Readonly<LanguageSwitchContext>;
 	/**
 	 * Emitted when the volume state changes.
 	 *
 	 * This is triggered triggered both when the user changes the volume through the Vindral instance, but also
 	 * from external sources such as OS media shortcuts or other native UI outside of the browser.
 	 */
-	["volume state"]: Readonly<VolumeState>;
+	"volume state": Readonly<VolumeState>;
 	/**
 	 * Emitted when the timeshift URLs are updated.
 	 */
-	["timeshift info"]: Readonly<TimeShiftInfo>;
+	"timeshift info": Readonly<TimeShiftInfo>;
 	/**
 	 * Emitted for each CMAF fragment received via the MoQ/VoQ path.
 	 * Contains raw fMP4 bytes suitable for recording.
 	 *
 	 * @internal Not part of the public API — may change without notice.
 	 */
-	["cmaf fragment"]: Readonly<CmafFragmentEvent>;
-	["buffer state event"]: Readonly<BufferStateEvent>;
-	["initialized media"]: void;
+	"cmaf fragment": Readonly<CmafFragmentEvent>;
+	"buffer state event": Readonly<BufferStateEvent>;
+	"initialized media": void;
 }
 declare abstract class VindralButton extends HTMLElement {
 	#private;
@@ -1611,18 +1622,6 @@ declare abstract class VindralButton extends HTMLElement {
 	attributeChangedCallback(name: string, _old: string, value: string): void;
 	protected abstract handleClick(e: Event): void;
 }
-type AirPlayButtonAttributes = (typeof AirPlayButton.observedAttributes)[number];
-declare class AirPlayButton extends VindralButton {
-	#private;
-	static observedAttributes: string[];
-	constructor();
-	connectedCallback(): void;
-	disconnectedCallback(): void;
-	attributeChangedCallback(name: string, old: string, value: string): void;
-	set isAirPlaying(value: boolean);
-	get isAirPlaying(): boolean;
-	protected handleClick(_: Event): void;
-}
 declare class VindralMenuButton extends VindralButton {
 	#private;
 	constructor();
@@ -1656,6 +1655,18 @@ declare class AdvancedRenditionMenuList extends HTMLElement {
 	handleEvent: (event: Event) => void;
 	focus(): void;
 }
+type AirPlayButtonAttributes = (typeof AirPlayButton.observedAttributes)[number];
+declare class AirPlayButton extends VindralButton {
+	#private;
+	static observedAttributes: string[];
+	constructor();
+	connectedCallback(): void;
+	disconnectedCallback(): void;
+	attributeChangedCallback(name: string, old: string, value: string): void;
+	set isAirPlaying(value: boolean);
+	get isAirPlaying(): boolean;
+	protected handleClick(_: Event): void;
+}
 type BufferingIconAttributes = (typeof BufferingIcon.observedAttributes)[number];
 declare class BufferingIcon extends HTMLElement {
 	#private;
@@ -1753,15 +1764,15 @@ interface AirPlaySenderEvents {
 	/**
 	 * When airplay targets are available.
 	 */
-	["available"]: void;
+	available: void;
 	/**
 	 * When a connection has been established with an airplay target.
 	 */
-	["connected"]: void;
+	connected: void;
 	/**
 	 * When the airplay target has lost or stopped a connection.
 	 */
-	["disconnected"]: void;
+	disconnected: void;
 }
 interface AirPlayConfig {
 	/**
@@ -1820,7 +1831,7 @@ declare class AirPlaySender extends Emitter<AirPlaySenderEvents> {
 	private checkHlsUrl;
 }
 interface FullscreenEvents {
-	["on fullscreen change"]: boolean;
+	"on fullscreen change": boolean;
 }
 declare class Fullscreen extends Emitter<FullscreenEvents> {
 	private container;
@@ -1841,7 +1852,7 @@ type ControllerAttributes = (typeof Controller.observedAttributes)[number];
 declare class Controller extends HTMLElement {
 	#private;
 	static observedAttributes: readonly [
-		...("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" | "vu-meter" | "timeshift" | "timeshift-position" | "poster-src")[],
+		...("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" | "vu-meter" | "timeshift" | "timeshift-position" | "poster-src" | "debug-panel-open" | "target-buffer-time" | "drift" | "playback-latency" | "connection-state")[],
 		"url",
 		"edge-url",
 		"target-buffer-time",
@@ -1964,7 +1975,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" | "vu-meter" | "timeshift" | "timeshift-position" | "poster-src" | "url" | "decoders" | "edge-url" | "target-buffer-time" | "cast-receiver-id" | "cast-background" | "log-level" | "max-size" | "min-buffer-time" | "max-buffer-time" | "max-audio-bit-rate" | "burst-enabled" | "mse-enabled" | "mse-opus-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" | "vu-meter" | "timeshift" | "timeshift-position" | "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" | "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")[];
 	constructor();
 	connectedCallback(): void;
 	disconnectedCallback(): void;

package/react.js

@@ -1 +0,0 @@
-

package/vindral-player-component.js

@@ -1,2 +1,5 @@
-import { registerComponents as o } from "./player.js";
-o();
+import "./TRlsfsv0.js";
+import { t as e } from "./ST3epwLf.js";
+//#region src/vindral-player-component.ts
+e();
+//#endregion

package/BQEuFJLn.js

@@ -1,206 +0,0 @@
-var k = Object.defineProperty, I = Object.defineProperties;
-var T = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var S = (s, e, t) => e in s ? k(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, b = (s, e) => {
-  for (var t in e || (e = {}))
-    M.call(e, t) && S(s, t, e[t]);
-  if (w)
-    for (var t of w(e))
-      C.call(e, t) && S(s, t, e[t]);
-  return s;
-}, y = (s, e) => I(s, T(e));
-var i = (s, e, t) => S(s, typeof e != "symbol" ? e + "" : e, t);
-var v = (s, e, t) => new Promise((r, n) => {
-  var a = (o) => {
-    try {
-      c(t.next(o));
-    } catch (d) {
-      n(d);
-    }
-  }, l = (o) => {
-    try {
-      c(t.throw(o));
-    } catch (d) {
-      n(d);
-    }
-  }, c = (o) => o.done ? r(o.value) : Promise.resolve(o.value).then(a, l);
-  c((t = t.apply(s, e)).next());
-});
-import { F as D, a as q, b as R, c as O } from "./DBHv5ggB.js";
-class E {
-  constructor() {
-    i(this, "map", /* @__PURE__ */ new Map());
-  }
-  enqueue(e, t) {
-    const r = this.map.get(e);
-    r ? r.push(t) : this.map.set(e, [t]);
-  }
-  dequeue(e) {
-    const t = this.map.get(e);
-    if (t && t.length > 0) {
-      const r = t.shift();
-      return t.length === 0 && this.map.delete(e), r;
-    }
-  }
-  /**
-   * Dequeue by exact timestamp, falling back to the oldest pending entry
-   * when the decoder outputs a timestamp that differs from input.
-   *
-   * Safe for audio because all audio frames are independently decodable
-   * key frames — there's no B-frame reordering that could cause metadata
-   * mismatches like in video.
-   */
-  dequeueWithFallback(e) {
-    const t = this.dequeue(e);
-    if (t !== void 0) return t;
-    for (const [r, n] of this.map)
-      if (n.length > 0) {
-        const a = n.shift();
-        return n.length === 0 && this.map.delete(r), a;
-      }
-  }
-  removeLast(e) {
-    const t = this.map.get(e);
-    !t || t.length === 0 || (t.pop(), t.length === 0 && this.map.delete(e));
-  }
-  clear() {
-    this.map.clear();
-  }
-}
-const $ = globalThis, u = class u {
-  constructor(e) {
-    i(this, "decodedSamples", []);
-    i(this, "decoder", null);
-    i(this, "logger");
-    i(this, "initSegments", /* @__PURE__ */ new Map());
-    i(this, "previousSample");
-    i(this, "previousCodec");
-    i(this, "pendingSamples", new E());
-    i(this, "errors", new D(10));
-    i(this, "resetDecoderState", () => {
-      this.pendingSamples.clear(), this.previousSample = void 0, this.previousCodec = void 0;
-    });
-    i(this, "ensureDecoder", () => ((!this.decoder || this.decoder.state === "closed") && (this.decoder = this.createDecoder()), this.decoder));
-    i(this, "createDecoder", () => new AudioDecoder({
-      output: (e) => {
-        const t = this.pendingSamples.dequeueWithFallback(e.timestamp);
-        if (!t) {
-          e.close();
-          return;
-        }
-        const { sample: r, decodeStartTime: n } = t;
-        try {
-          const a = e.numberOfFrames, l = e.numberOfChannels, c = e.sampleRate, o = e.timestamp, d = e.duration, p = new Float32Array(a * l);
-          e.copyTo(p, { planeIndex: 0, format: "f32" });
-          const h = Math.round(o * r.timescale / 1e6), f = typeof d == "number" && Number.isFinite(d) ? Math.max(0, Math.round(d * r.timescale / 1e6)) : r.duration, g = y(b({}, r), {
-            timestamp: h,
-            duration: f,
-            type: "audio",
-            format: "f32",
-            data: p,
-            sampleRate: c,
-            channels: l,
-            statistics: {
-              decodeTime: Math.max(performance.now() - n, 0),
-              transportTimeFromWorker: 0,
-              transportTimeToWorker: 0,
-              samplesInBatch: 1
-            }
-          });
-          this.decodedSamples.push(g);
-        } finally {
-          e.close();
-        }
-      },
-      error: (e) => {
-        this.logger.error("Decoder error:", e.name, e.message), this.resetDecoderState(), this.errors.push(e);
-      }
-    }));
-    /**
-     * Build AudioDecoderConfig codec string from audio codec type.
-     */
-    i(this, "buildCodecString", q);
-    /**
-     * Get the description for AudioDecoderConfig.
-     * Uses init segment data if available, otherwise generates codec-specific description.
-     */
-    i(this, "getDescription", (e, t) => {
-      const r = this.initSegments.get(t.renditionId);
-      if (r && r.data.byteLength > 0 && r.codec === e)
-        return r.data;
-      if (e === "opus")
-        return R(t.channels, t.sampleRate);
-      if (e === "aac")
-        return O(t.channels, t.sampleRate);
-    });
-    i(this, "unload", () => {
-      this.decodedSamples = [], this.resetDecoderState(), this.decoder && this.decoder.state !== "closed" && this.decoder.close(), this.decoder = null;
-    });
-    i(this, "initSegment", (e) => {
-      this.initSegments.set(e.renditionId, e);
-    });
-    i(this, "enqueue", (e) => {
-      var d, p;
-      const t = this.ensureDecoder(), r = e.codec, n = ((d = this.previousSample) == null ? void 0 : d.channelId) !== e.channelId, a = ((p = this.previousSample) == null ? void 0 : p.renditionId) !== e.renditionId, l = this.previousCodec !== r;
-      if (!this.previousSample || n || a || l) {
-        this.previousSample && t.state === "configured" && t.flush().catch((m) => {
-          this.logger.warn("Failed to flush before reconfiguration:", m);
-        });
-        const h = this.buildCodecString(r), f = this.getDescription(r, e), g = {
-          codec: h,
-          sampleRate: e.sampleRate,
-          numberOfChannels: e.channels,
-          description: f
-        };
-        try {
-          t.configure(g), this.previousCodec = r;
-        } catch (m) {
-          this.logger.error(
-            `Failed to configure decoder for ${r} (rendition ${e.renditionId}), dropping sample`,
-            m
-          ), this.errors.push(m instanceof Error ? m : new Error(`Failed to configure decoder for ${r}`)), this.resetDecoderState(), this.ensureDecoder();
-          return;
-        }
-      }
-      if (e.timescale <= 0) {
-        this.logger.error(`Invalid timescale ${e.timescale} in sample, dropping sample`);
-        return;
-      }
-      this.previousSample = e;
-      const c = Math.floor(1e6 * e.timestamp / e.timescale), o = Math.floor(1e6 * e.duration / e.timescale);
-      try {
-        const h = new EncodedAudioChunk({
-          // Audio codecs (Opus, AAC, MP3) always produce independently decodable frames
-          type: "key",
-          timestamp: c,
-          duration: o > 0 ? o : void 0,
-          data: e.data
-        });
-        this.pendingSamples.enqueue(c, { sample: e, decodeStartTime: performance.now() }), t.decode(h);
-      } catch (h) {
-        this.logger.error("Failed to decode chunk:", h), this.pendingSamples.removeLast(c), t.state === "closed" && (this.resetDecoderState(), this.ensureDecoder());
-      }
-    });
-    i(this, "flush", () => v(this, null, function* () {
-      if (this.decoder && this.decoder.state === "configured")
-        try {
-          yield this.decoder.flush();
-        } catch (e) {
-          this.logger.error("Failed to flush decoder:", e), this.resetDecoderState();
-        }
-    }));
-    i(this, "error", () => this.errors.pop());
-    i(this, "take", () => this.decodedSamples.shift());
-    this.logger = e, this.decoder = this.createDecoder();
-  }
-};
-i(u, "isSupported", () => typeof $.AudioDecoder != "undefined"), i(u, "create", (e) => v(null, null, function* () {
-  if (!u.isSupported())
-    throw new Error("WebCodecs AudioDecoder is not supported in this environment");
-  return new u(e);
-}));
-let F = u;
-export {
-  F as WebCodecsAudioDecoderContext
-};