@vkontakte/videoplayer-core 2.0.128-dev.3e4573e0.0 → 2.0.128-dev.6321342e.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer-core",
-  "version": "2.0.128-dev.3e4573e0.0",
+  "version": "2.0.128-dev.6321342e.0",
   "author": "vk.com",
   "description": "Videoplayer core library based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -49,7 +49,7 @@
     "**/*.d.ts"
   ],
   "dependencies": {
-    "@vkontakte/videoplayer-shared": "^1.0.55",
+    "@vkontakte/videoplayer-shared": "1.0.56-dev.c04c8475.0",
     "hls.js": "~1.4.7"
   }
 }

package/types/index.d.ts

@@ -3,6 +3,7 @@ import { VideoFormat, IMpegSource, IDashSource, IHLSSource, IDashURLSource, IHLS
 import Player from './player/Player';
 import { IPlayer, PlaybackState, IPlayerInfo, IPlayerEvents, IConfig, ISources, ICueSettings, ChromecastState, HttpConnectionType, IExternalTextTrack, ITextTrack, PlaybackRate, IVideoStream, IAudioStream } from './player/types';
 import type { IOptionalTuningConfig } from './utils/tuningConfig';
+export { clientChecker, isMobile } from './utils/ClientChecker';
 import type { ISubscription, IUnsubscriber, IEmitter, IObservable, IValueObservable, IValue, IOperator, IListener, ILogEntry, IRange, ExactVideoQuality } from '@vkontakte/videoplayer-shared';
 import { Subscription, Observable, Subject, ValueSubject, VideoQuality } from '@vkontakte/videoplayer-shared';
 /**

package/types/player/Player.d.ts

@@ -17,11 +17,12 @@ export default class Player implements IPlayer {
     private initedAt;
     private hasLiveOffsetByPaused;
     private hasLiveOffsetByPausedTimer;
+    private playerInited;
     private explicitInitialQuality;
     private wasSetStartedQuality;
     private desiredState;
     info: {
-        playbackState$: ValueSubject<PlaybackState>;
+        playbackState$: ValueSubject<PlaybackState | undefined>;
         position$: ValueSubject<number>;
         duration$: ValueSubject<number>;
         muted$: ValueSubject<boolean>;
@@ -112,6 +113,7 @@ export default class Player implements IPlayer {
         getCurrentTime$: ValueSubject<null>;
     };
     constructor(tuning?: IOptionalTuningConfig, tracer?: ITracer);
+    private createProviderContainer;
     initVideo(config: IConfig): IPlayer;
     destroy(): void;
     prepare(): IPlayer;
@@ -187,9 +189,11 @@ export default class Player implements IPlayer {
     private initStartingVideoTrack;
     private setStartingVideoTrack;
     private initLogs;
-    private initDebugTelemetry;
+    private initBasicDebugTelemetry;
+    private initProviderDebugTelemetry;
     private initTracerSubscription;
     private initWakeLock;
     private setVideoTrackIdByQuality;
     private getActiveLiveDelay;
+    private isNotActiveTabCase;
 }

package/types/player/types.d.ts

@@ -207,7 +207,7 @@ export interface IPlayerInfo {
      * Оптимистичный статут плеера. Так например, значение будет равно Playing сразу после вызова play().
      * Фактическое состояние лучше отслеживать по событиям (например, playing$)
      */
-    playbackState$: IValueObservable<PlaybackState>;
+    playbackState$: IValueObservable<PlaybackState | undefined>;
     /**
      * Текущая позиция.
      *

package/types/providers/ProviderContainer/utils/formatsSupport.d.ts

@@ -1,7 +1,5 @@
 import { VideoFormat } from '../../../player/types';
 import { type ITuningConfig } from '../../../utils/tuningConfig';
-export declare const nativeHlsSupported: boolean;
-export declare const getSupportedCodecs: () => string[];
 type FilterConstraints = Pick<ITuningConfig, 'useHlsJs' | 'useManagedMediaSource' | 'useOldMSEDetection'>;
 export declare const filterAvailableFormats: (formats: VideoFormat[], { useHlsJs, useManagedMediaSource, useOldMSEDetection }: FilterConstraints) => VideoFormat[];
 type VodFormat = VideoFormat.MPEG | VideoFormat.DASH_SEP | VideoFormat.DASH_WEBM | VideoFormat.DASH_WEBM_AV1 | VideoFormat.DASH_STREAMS | VideoFormat.DASH_ONDEMAND | VideoFormat.HLS | VideoFormat.HLS_ONDEMAND;

package/types/utils/ClientChecker/ClientChecker.d.ts

@@ -0,0 +1,22 @@
+import { BrowserChecker } from './services/BrowserChecker';
+import { DeviceChecker } from './services/DeviceChecker';
+import { DisplayChecker } from './services/DisplayChecker';
+import { VideoChecker } from './services/VideoChecker';
+import { AudioChecker } from './services/AudioChecker';
+import { ValueSubject } from '@vkontakte/videoplayer-shared';
+export declare class ClientChecker {
+    isInited$: ValueSubject<boolean>;
+    private _displayChecker;
+    private _deviceChecker;
+    private _browserChecker;
+    private _videoChecker;
+    private _audioChecker;
+    constructor();
+    get display(): DisplayChecker;
+    get device(): DeviceChecker;
+    get browser(): BrowserChecker;
+    get video(): VideoChecker;
+    get audio(): AudioChecker;
+    detect(): Promise<void>;
+}
+export declare const clientChecker: ClientChecker;

package/types/utils/ClientChecker/index.d.ts

@@ -0,0 +1,2 @@
+export { clientChecker } from './ClientChecker';
+export { isMobile } from './utils/isMobile';

package/types/utils/ClientChecker/services/AudioChecker.d.ts

@@ -0,0 +1,10 @@
+import { Checker } from '../../../utils/ClientChecker/types/checker';
+export declare const mp3Mime = "audio/mpeg";
+export declare class AudioChecker implements Checker {
+    private _audio;
+    private _containers;
+    private _codecs;
+    supportMp3(): boolean;
+    detect(): void;
+    private destroyAudioElement;
+}

package/types/utils/ClientChecker/services/BrowserChecker.d.ts

@@ -0,0 +1,13 @@
+import { CurrentClientBrowser } from '../../../utils/ClientChecker/types/currentClientBrowser';
+import { Checker } from '../../../utils/ClientChecker/types/checker';
+export declare class BrowserChecker implements Checker {
+    private _current;
+    private _safariVersion;
+    get current(): CurrentClientBrowser;
+    get isYandex(): boolean;
+    get isSafari(): boolean;
+    get isSamsungBrowser(): boolean;
+    get safariVersion(): number | undefined;
+    detect(): void;
+    private detectSafariVersion;
+}

package/types/utils/ClientChecker/services/DeviceChecker.d.ts

@@ -0,0 +1,23 @@
+import { CurrentClientDevice } from '../../../utils/ClientChecker/types/currentClientDevice';
+import { DisplayChecker } from '../../../utils/ClientChecker/services/DisplayChecker';
+import { Checker } from '../../../utils/ClientChecker/types/checker';
+export declare class DeviceChecker implements Checker {
+    private _displayChecker;
+    private _isMobile;
+    private _current;
+    private _iosVersion;
+    private _highEntropyValues;
+    constructor(displayChecker: DisplayChecker);
+    get current(): CurrentClientDevice;
+    get isIOS(): boolean;
+    get isMac(): boolean;
+    get isApple(): boolean;
+    get isIphoneOrOldIpad(): boolean;
+    get isAndroid(): boolean;
+    get isMobile(): boolean;
+    get iOSVersion(): number | undefined;
+    detect(): void;
+    private detectHighEntropyValues;
+    private detectDevice;
+    private detectIOSVersion;
+}

package/types/utils/ClientChecker/services/DisplayChecker.d.ts

@@ -0,0 +1,22 @@
+import { Checker } from '../../../utils/ClientChecker/types/checker';
+export { isMobile } from '../utils/isMobile';
+export declare class DisplayChecker implements Checker {
+    private _maxTouchPoints;
+    private _height;
+    private _width;
+    private _isHdr;
+    private _pixelRatio;
+    private _screenHeight;
+    private _screenWidth;
+    private _colorDepth;
+    get isTouch(): boolean;
+    get maxTouchPoints(): number;
+    get height(): number;
+    get width(): number;
+    get screenHeight(): number;
+    get screenWidth(): number;
+    get pixelRatio(): number;
+    get isHDR(): boolean;
+    get colorDepth(): number;
+    detect(): void;
+}

package/types/utils/ClientChecker/services/VideoChecker.d.ts

@@ -0,0 +1,45 @@
+import { VideoFormat } from '../../../player/types';
+import { DeviceChecker } from './DeviceChecker';
+import { BrowserChecker } from './BrowserChecker';
+import { Checker } from '../../../utils/ClientChecker/types/checker';
+type Protocols = {
+    mms: boolean;
+    mse: boolean;
+    hls: boolean;
+    webrtc: boolean;
+    ws: boolean;
+};
+type Containers = {
+    mp4: boolean;
+    webm: boolean;
+    cmaf: boolean;
+};
+type Codecs = {
+    h264: boolean;
+    h265: boolean;
+    vp9: boolean;
+    av1: boolean;
+    aac: boolean;
+    opus: boolean;
+    mpeg: boolean;
+};
+export type WebmFormat = VideoFormat.DASH_WEBM | VideoFormat.DASH_WEBM_AV1;
+export declare class VideoChecker implements Checker {
+    private _video;
+    private _deviceChecker;
+    private _browserChecker;
+    private _protocols;
+    private _containers;
+    private _codecs;
+    private _nativeHlsSupported;
+    constructor(deviceChecker: DeviceChecker, browserChecker: BrowserChecker);
+    get protocols(): Protocols;
+    get containers(): Containers;
+    get codecs(): Codecs;
+    get webmDecodingInfo(): Record<WebmFormat, MediaCapabilitiesDecodingInfo> | undefined;
+    get supportedCodecs(): string[];
+    get nativeHlsSupported(): boolean;
+    detect(): void;
+    private destroyVideoElement;
+}
+export {};

package/types/utils/ClientChecker/types/checker.d.ts

@@ -0,0 +1,3 @@
+export interface Checker {
+    detect(): void;
+}

package/types/utils/ClientChecker/types/currentClientBrowser.d.ts

@@ -0,0 +1,12 @@
+export declare enum CurrentClientBrowser {
+    Unknown = "Unknown",
+    Yandex = "Yandex",
+    Chrome = "Chrome",
+    Chromium = "Chromium",//Хром и хромиум разделяем специально. Почти единственное отличие, поддержка H.264 как раз важна для нас
+    Firefox = "Firefox",
+    Safari = "Safari",
+    Opera = "Opera",
+    Edge = "Edge",
+    SamsungBrowser = "SamsungBrowser",
+    Rest = "Rest"
+}

package/types/utils/ClientChecker/types/currentClientDevice.d.ts

@@ -0,0 +1,10 @@
+export declare enum CurrentClientDevice {
+    Unknown = "Unknown",
+    Android = "Android",
+    iPhone = "iPhone",
+    iPad = "iPad",
+    iPod = "iPod",
+    RestMobile = "RestMobile",
+    Mac = "Mac",
+    Desktop = "Desktop"
+}

package/types/utils/ClientChecker/types/userAgentData.d.ts

@@ -0,0 +1,33 @@
+export declare enum ClientArchitecture {
+    ARM = "arm",
+    X86 = "x86"
+}
+export declare enum ClientBitness {
+    SHORT = "32",
+    LONG = "64"
+}
+export interface UADataBrandItem {
+    brand: string;
+    version: string;
+}
+export declare enum UADataPlatform {
+    WINDOWS = "Windows",
+    MACOS = "macOS",
+    LINUX = "Linux",
+    ANDROID = "Android",
+    IOS = "iOS"
+}
+export interface HighEntropyValues {
+    mobile?: boolean;
+    model?: string;
+    platform?: UADataPlatform;
+    platformVersion?: string;
+    architecture?: ClientArchitecture;
+    bitness?: ClientBitness;
+    brands?: UADataBrandItem[];
+}
+export type NavigatorWithUserAgentData = Navigator & {
+    userAgentData: {
+        getHighEntropyValues: (values: Array<string>) => HighEntropyValues;
+    };
+};

package/types/utils/ClientChecker/utils/isMobile.d.ts

@@ -0,0 +1 @@
+export declare const isMobile: () => boolean;

package/types/utils/tuningConfig.d.ts

@@ -198,6 +198,8 @@ export type ITuningConfig = {
      * Отключает яндексовскую магию с пипом.
      */
     disableYandexPiP?: boolean;
+    asyncResolveClientChecker?: boolean;
+    useLazyInit?: boolean;
 };
 export type IOptionalTuningConfig = RecursivePartial<ITuningConfig> & {
     configName: ITuningConfig['configName'];