@vindral/web-sdk 2.0.7 → 2.0.11

package/index.d.ts

@@ -85,6 +85,7 @@ declare class Emitter<TEvents, TEmits = TEvents, ArgLessEvents extends VoidKeys<
 	once<T extends ArgEvents>(eventName: T, fn: (args: TEvents[T]) => void): void;
 	private add;
 }
+declare type FilterFunc<T> = (item: T) => boolean;
 declare class Fifo<T> {
 	readonly maxSize: number;
 	private values;
@@ -97,6 +98,7 @@ declare class Fifo<T> {
 	isFull: () => boolean;
 	isEmpty: () => boolean;
 	items: () => ReadonlyArray<T>;
+	filterPop: (filter: FilterFunc<T>) => void;
 }
 declare type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<T>;
 interface MinMaxAverage {
@@ -171,6 +173,62 @@ declare class LoggerInstance implements Logger {
 	error: (message: string, meta?: Meta | undefined) => void;
 	critical: (message: string, meta?: Meta | undefined) => void;
 }
+export declare type PlayInitiator = "user input" | "programatically";
+export interface PlaybackSource {
+	volume: number;
+	muted: boolean;
+	currentTime: number;
+	playbackRate?: number;
+	readonly seekTime: number;
+	readonly isSeeking: boolean;
+	play(initiator: PlayInitiator): Promise<void>;
+}
+interface MediaElementOptions {
+	autoplay: boolean;
+	muted: boolean;
+	type: "audio" | "video";
+	logger: Logger;
+}
+interface NeedsUserInputContext {
+	forAudio: boolean;
+	forVideo: boolean;
+}
+interface MediaElementEvents {
+	["needs user input"]: NeedsUserInputContext;
+	["buffer state"]: Readonly<BufferState>;
+}
+declare class MediaElement extends Emitter<MediaElementEvents> {
+	readonly element: HTMLMediaElement;
+	private logger;
+	private seekTimes;
+	private seekStartTime?;
+	private _userProvidedMuted;
+	private _userHasProvidedInput;
+	constructor({ type, autoplay, muted, logger }: MediaElementOptions);
+	attach: (container: HTMLElement) => void;
+	get seekTime(): number;
+	get isSeeking(): boolean;
+	get currentTime(): number;
+	set currentTime(value: number);
+	get playbackRate(): number;
+	set playbackRate(rate: number);
+	get volume(): number;
+	set volume(volume: number);
+	get muted(): boolean;
+	set muted(muted: boolean);
+	get userHasProvidedInput(): boolean;
+	get paused(): boolean;
+	getPlaybackRate: () => number;
+	getPlaybackState: () => PlaybackState;
+	setPlaybackRate: (rate: number) => void;
+	getBuffer: () => TimeRange[];
+	play: (initiator: PlayInitiator) => Promise<void>;
+	private _play;
+	private onEvent;
+	private onBufferStateChange;
+	private onSeekStart;
+	private onSeekEnd;
+}
 declare type PlaybackState = "buffering" | "playing";
 declare type BufferStateEvent = "filled" | "drained";
 declare type BufferState = {
@@ -180,6 +238,7 @@ declare type BufferState = {
 };
 interface PlaybackModuleListeners {
 	["buffer state"]: Readonly<BufferState>;
+	["needs user input"]: NeedsUserInputContext;
 }
 interface PlaybackModuleEvents {
 	["buffer state event"]: Readonly<BufferStateEvent>;
@@ -191,6 +250,8 @@ interface ClockSource {
 }
 interface PlaybackModuleStatistics {
 	bufferTime: number;
+	needsInputForAudioCount: number;
+	needsInputForVideoCount: number;
 }
 declare class PlaybackModule {
 	private emitter;
@@ -201,6 +262,8 @@ declare class PlaybackModule {
 	private targetBufferTime;
 	private lastBufferStateEvent;
 	private firstFrameTime?;
+	private needsInputForAudioCount;
+	private needsInputForVideoCount;
 	constructor(emitter: Emitter<PlaybackModuleListeners, PlaybackModuleEvents>, logger: Logger, clockSource: ClockSource, targetBufferTime: number);
 	static create: (emitter: Emitter<PlaybackModuleListeners, PlaybackModuleEvents>, logger: Logger, clockSource: ClockSource, targetBufferTime: number) => PlaybackModule;
 	unload: () => void;
@@ -212,6 +275,7 @@ declare class PlaybackModule {
 	getFirstFrameTime: () => number | undefined;
 	getStatistics: () => PlaybackModuleStatistics;
 	private onBufferedStateChanged;
+	private onNeedsUserInput;
 }
 declare type Direction = "upgrade" | "downgrade" | "double downgrade" | "reconnect";
 interface QualityOfServiceConfig {
@@ -267,10 +331,6 @@ declare class AdaptivityModule {
 	private tooMuchTimeBuffering;
 	private tooManyBufferingEvents;
 }
-interface NeedsUserInputContext {
-	forAudio: boolean;
-	forVideo: boolean;
-}
 interface AudioPlayerModuleListeners {
 	["decoded frame"]: Readonly<DecodedSample>;
 }
@@ -291,12 +351,14 @@ declare class AudioPlayerModule {
 	private _muted;
 	private startTime;
 	private samples;
+	private preInitSampleQueue;
 	private sampleRate;
 	private channels;
 	private index;
 	private clockSource;
 	private clockDelta?;
 	private startTimeIsInvalidated;
+	private lastSampleTimestamp;
 	get volume(): number;
 	set volume(volume: number);
 	get seekTime(): number;
@@ -329,6 +391,8 @@ export declare const AUTHENTICATION_EXPIRED_CODE = "authentication_expired";
 export declare const CHANNEL_NOT_FOUND_CODE = "channel_not_found";
 export declare const NO_INCOMING_DATA = "no_incoming_data_error";
 export declare const INACTIVITY_CODE = "connection_inactivity";
+export declare const MISSING_INIT_SEGMENT = "missing_init_segment";
+export declare const NO_TRACK_CONTEXT = "no_track_context";
 export declare class VindralError extends Error {
 	private props;
 	private extra;
@@ -339,18 +403,22 @@ export declare class VindralError extends Error {
 	toStringifiable: () => Record<string, unknown>;
 }
 export declare const mediaElementError: (isFatal: boolean, mediaError: MediaError) => VindralError;
+export declare const missingInitSegmentError: (renditionId: number, channelId: string) => VindralError;
+export declare const noTrackContextError: (type: "audio" | "video", renditionId: number, channelId: string) => VindralError;
 export declare const audioContextTimeoutError: () => VindralError;
 export declare const authenticationError: () => VindralError;
 export declare const authenticationExpiredError: () => VindralError;
 export declare const inactivityError: () => VindralError;
 export declare const channelNotFoundError: () => VindralError;
 export declare const noIncomingDataError: () => VindralError;
-export declare const unableToConnectError: () => VindralError;
+export declare const unableToConnectError: (source?: Error | undefined) => VindralError;
 export declare const unableToConnectAfterRetriesError: () => VindralError;
 declare type State = "connected" | "disconnected" | "connecting";
+declare type ContextSwitchState = "completed" | "started";
 interface ConnectionModuleListeners {
 	["send signal"]: Readonly<string>;
 	["disconnect"]: void;
+	["reconnect"]: string;
 }
 interface ConnectionModuleEvents {
 	["received signal"]: Readonly<Signal>;
@@ -358,6 +426,8 @@ interface ConnectionModuleEvents {
 	["connection state"]: Readonly<State>;
 	["rtt"]: number;
 	["error"]: Readonly<VindralError>;
+	["context switch complete"]: Readonly<void>;
+	["context switch started"]: Readonly<void>;
 }
 interface ConnectOptions {
 	connectHandler: () => Promise<string>;
@@ -371,6 +441,7 @@ interface ConnectionStatistics {
 }
 declare class ConnectionModule {
 	private static PING_INTERVAL;
+	private static MAX_MISSED_PINGS;
 	private static TLS_ROUNDTRIPS;
 	private timers;
 	private emitter;
@@ -383,6 +454,7 @@ declare class ConnectionModule {
 	private connectCount;
 	private _firstConnectionTime?;
 	private _lastConnectionTime?;
+	private missedPings;
 	private contextSwitchesInProgress;
 	private contextSwitchesCompleted;
 	private buffer;
@@ -479,6 +551,7 @@ declare class RenditionsModule {
 	setRenditions: (channelId: ChannelId, renditions: Rendition[]) => void;
 	getLanguages: () => ReadonlyArray<string>;
 	getVideoRendition: (renditionId: number, channelId?: string) => Readonly<VideoRendition> | undefined;
+	getAudioRenditions: (channelId: ChannelId) => Readonly<AudioRendition[]> | undefined;
 	getAudioRendition: (renditionId: number, channelId?: string) => Readonly<AudioRendition> | undefined;
 	getRendition: (renditionId: number, channelId?: string) => Readonly<Rendition> | undefined;
 	getStatistics: () => RenditionsModuleStatistics;
@@ -611,6 +684,10 @@ declare class DecoderModule {
 }
 type ConnectionType = "bluetooth" | "cellular" | "ethernet" | "mixed" | "none" | "other" | "unknown" | "wifi" | "wimax";
 type EffectiveConnectionType = "2g" | "3g" | "4g" | "slow-2g";
+interface DocumentState {
+	readonly isVisible: boolean;
+	readonly isOnline: boolean;
+}
 interface DocumentStateEvents {
 	["page active"]: boolean;
 	["pagehide"]: PageTransitionEvent;
@@ -628,7 +705,7 @@ interface DocumentStateModulesStatistics {
 	navigatorSaveData?: boolean;
 	navigatorDownlink?: number;
 }
-declare class DocumentStateModule {
+declare class DocumentStateModule implements DocumentState {
 	private emitter;
 	private isVisibleCount;
 	private isHiddenCount;
@@ -641,6 +718,8 @@ declare class DocumentStateModule {
 	load: () => void;
 	unsuspend: () => void;
 	getStatistics: () => DocumentStateModulesStatistics;
+	get isOnline(): boolean;
+	get isVisible(): boolean;
 	private onOnline;
 	private onOffline;
 	private onPageHide;
@@ -653,6 +732,7 @@ interface IncomingDataModuleListeners {
 }
 interface IncomingDataModuleEvents {
 	["no data timeout"]: number;
+	["reconnect"]: string;
 	["error"]: Readonly<VindralError>;
 }
 interface IncomingDataModuleStatistics {
@@ -899,7 +979,7 @@ declare class SyncModule {
 		readonly catchupRate: 1.05;
 		readonly slowdownRate: 0.95;
 	};
-	readonly maxTimeSyncDifferenceTolerance = 150;
+	readonly maxTimeSyncDifferenceTolerance = 20;
 	private timers;
 	private rtt;
 	private channelSyncInfo;
@@ -923,7 +1003,9 @@ declare class SyncModule {
 	getCurrentChannelId: () => string | undefined;
 	updateChannelSyncInfo(channelId: string, syncInfo: SyncInfo): void;
 	getLiveEdgeTime: (channelId: string) => number | undefined;
+	getLiveEdgeTimeLatencyAdjusted: (channelId: string) => number | undefined;
 	getWallclockTime: (channelId: string) => number | undefined;
+	getWallclockTimeLatencyAdjusted: (channelId: string) => number | undefined;
 	get serverCurrentTime(): number;
 	processSample: <T extends SyncSample>(sample: T) => T;
 	getStatistics: () => SyncModuleStatistics;
@@ -987,6 +1069,7 @@ export declare type Statistics = ModuleStatistics & UserAgentInformation & {
 };
 export declare class Vindral extends Emitter<PublicVindralEvents> {
 	private static INITIAL_MAX_BIT_RATE;
+	private static PING_TIMEOUT;
 	readonly pictureInPicture: {
 		enter: () => Promise<void>;
 		exit: () => Promise<void>;
@@ -1006,6 +1089,7 @@ export declare class Vindral extends Emitter<PublicVindralEvents> {
 	private createdAt;
 	private hasCalledConnect;
 	private apiClient;
+	private latestEmittedLanguages;
 	private durationSessions;
 	constructor(options: Options);
 	attach: (container: HTMLElement) => void;
@@ -1019,6 +1103,8 @@ export declare class Vindral extends Emitter<PublicVindralEvents> {
 	get connectionState(): Readonly<State>;
 	get playbackState(): Readonly<PlaybackState>;
 	get bufferFullness(): number;
+	get sizeBasedResolutionCapEnabled(): boolean;
+	set sizeBasedResolutionCapEnabled(enabled: boolean);
 	get abrEnabled(): boolean;
 	set abrEnabled(enabled: boolean);
 	get serverEdgeTime(): number | undefined;
@@ -1036,12 +1122,10 @@ export declare class Vindral extends Emitter<PublicVindralEvents> {
 	set channelId(channelId: string);
 	get maxSize(): Size;
 	set maxSize(size: Size);
-	get maxBitRate(): number;
-	set maxBitRate(bitRate: number);
-	get maxVideoBitrate(): number;
-	set maxVideoBitrate(bitRate: number);
-	get maxAudioBitrate(): number;
-	set maxAudioBitrate(bitRate: number);
+	get maxVideoBitRate(): number;
+	set maxVideoBitRate(bitRate: number);
+	get maxAudioBitRate(): number;
+	set maxAudioBitRate(bitRate: number);
 	get renditionLevels(): ReadonlyArray<RenditionLevel>;
 	get currentRenditionLevel(): Readonly<RenditionLevel> | undefined;
 	get targetRenditionLevel(): Readonly<RenditionLevel> | undefined;
@@ -1058,7 +1142,9 @@ export declare class Vindral extends Emitter<PublicVindralEvents> {
 	connect: () => void;
 	getCastOptions: () => Options;
 	private connectionInfo;
+	private estimateRTT;
 	private connectHandler;
+	private emitLanguagesIfChanged;
 	private filterRenditions;
 	private patchSubscription;
 	private isSupportedVideoCodecProfile;
@@ -1133,6 +1219,16 @@ declare class TimerModule {
 	setInterval: (callback: (...args: unknown[]) => void, interval: number, ...args: unknown[]) => number;
 	unload: () => void;
 }
+declare class UnpauseModule {
+	private logger;
+	private element;
+	private documentState;
+	private timers;
+	private constructor();
+	static create: (logger: Logger, element: MediaElement, documentState: DocumentState) => UnpauseModule;
+	unload: () => void;
+	private unpause;
+}
 interface VideoPlayerModuleListeners {
 	["decoded frame"]: Readonly<DecodedSample>;
 }
@@ -1182,6 +1278,7 @@ export interface Modules {
 	telemetry?: TelemetryModule;
 	documentState: DocumentStateModule;
 	incomingData: IncomingDataModule;
+	unpause?: UnpauseModule;
 }
 export interface ReconnectState {
 	reconnectRetries: number;
@@ -1218,15 +1315,6 @@ export interface Options {
 	advanced?: AdvancedOptions;
 	media?: Media;
 }
-export interface PlaybackSource {
-	volume: number;
-	muted: boolean;
-	currentTime: number;
-	playbackRate?: number;
-	readonly seekTime: number;
-	readonly isSeeking: boolean;
-	play(): Promise<void>;
-}
 export interface PublicVindralEvents {
 	["error"]: Readonly<VindralError>;
 	["needs user input"]: NeedsUserInputContext;
@@ -1237,6 +1325,7 @@ export interface PublicVindralEvents {
 	["rendition level"]: Readonly<RenditionLevel>;
 	["languages"]: ReadonlyArray<string>;
 	["channels"]: ReadonlyArray<Channel>;
+	["context switch"]: Readonly<ContextSwitchState>;
 	["server wallclock time"]: Readonly<number>;
 	["buffer state event"]: Readonly<BufferStateEvent>;
 	["initialized media"]: void;
@@ -1469,12 +1558,22 @@ export interface PlayerOptions {
 	fullscreenButtonEnabled?: boolean;
 	pipButtonEnabled?: boolean;
 	channelSelectionEnabled?: boolean;
+	channelSelectionOptions?: {
+		barButton?: {
+			enabled?: boolean;
+			thumbnails?: boolean;
+		};
+		list?: {
+			enabled?: boolean;
+		};
+	};
 	renditionLevelsEnabled?: boolean;
 	languagesButtonEnabled?: boolean;
 	oneToOneButtonEnabled?: boolean;
 	hideTimeout?: number;
 	castBackground?: string;
 	castReceiverApplicationId?: string;
+	thumbnailUpdateInterval?: number;
 }
 export interface PlayerState {
 	isBuffering: boolean;
@@ -1489,9 +1588,11 @@ export declare class Player {
 	private playerElement;
 	private bufferingOverlay;
 	private playOverlay;
+	private channelSelectionList?;
 	private bar;
 	private stateInterval?;
 	private showBufferingTimeout?;
+	private thumbnailModule?;
 	constructor(optionsOrInstance: Options | Vindral, playerOptions?: PlayerOptions);
 	unload: () => void;
 	attach: (container: HTMLElement) => void;
@@ -1506,6 +1607,7 @@ export declare class Player {
 	private lockOrientation;
 	private unlockOrientation;
 	private checkState;
+	private needsThumbnails;
 	private bumpInteractTime;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vindral/web-sdk",
-  "version": "2.0.7",
+  "version": "2.0.11",
   "homepage": "https://vindral.com",
   "description": "Web SDK for viewing Vindral streams",
   "license": "SEE LICENSE IN https://www.vindral.com/terms-conditions",