@vkontakte/videoplayer 1.1.82-dev.a57718f4.0 → 1.1.82-dev.af06eecf.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.82-dev.a57718f4.0",
+  "version": "1.1.82-dev.af06eecf.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -55,9 +55,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.151-dev.a57718f4.0",
-    "@vkontakte/videoplayer-interactive": "1.0.57-dev.a57718f4.0",
-    "@vkontakte/videoplayer-shared": "1.0.80-dev.a57718f4.0",
-    "@vkontakte/videoplayer-statistics": "1.0.97-dev.a57718f4.0"
+    "@vkontakte/videoplayer-core": "2.0.151-dev.af06eecf.0",
+    "@vkontakte/videoplayer-interactive": "1.0.57-dev.af06eecf.0",
+    "@vkontakte/videoplayer-shared": "1.0.80-dev.af06eecf.0",
+    "@vkontakte/videoplayer-statistics": "1.0.97-dev.af06eecf.0"
   }
 }

package/types/store/index.d.ts

@@ -2,12 +2,12 @@ import type { IAudioStream, IConfig, IExternalTextTrack, IOptionalTuningConfig,
 import { ChromecastState, PlaybackState, VideoFormat } from '@vkontakte/videoplayer-core';
 import { type IError, type ILogger, InterfaceLanguage, type IRectangle, type IValueObservable, type QualityLimits, VideoQuality, type InternalsExposure } from '@vkontakte/videoplayer-shared';
 import type { ISDKConfig, IUIConfig } from '../config';
-import { SeekAction } from '@vkontakte/videoplayer-statistics';
+import { SeekAction, ThinOneStat } from '@vkontakte/videoplayer-statistics';
 import type { InteractiveRange } from '@vkontakte/videoplayer-interactive';
 import type { Readable, Writable } from 'svelte/store';
 import { AdmanWrapper } from '../components/Ads/admanWrapper';
 import type { Key, LanguageConfig } from '../translation/types';
-import { type AdditionalButtonDeprecated, type ControlBlocksRefs, type ControlsKeys, type HotKeyMapData, type IAnnotationsApi, type IControlInfo, type IDisabledControls, type IInteractiveData, type IPictureInPictureApi, type IPlayerControlsRef, type IPlayerPhase, type ITimelinePreviewThumbsData, type IVideoEpisode, type IVKVideoPlayerCallbacks, type IVKVideoPlayerUICallbacks, type PlaybackStateRealistic, type Position, type VideoPlaybackRate, type VideoPlayerView, type VideoQualityForRender, type VideoQualityUI, type VideoSubtitle, type VideoSubtitleParsed } from '../types';
+import { type AdditionalButtonDeprecated, type ControlBlocksRefs, type ControlsKeys, type HotKeyMapData, type IAnnotationsApi, type IControlInfo, type IDisabledControls, type IInteractiveData, type IPictureInPictureApi, type IPlayerControlsRef, type IPlayerPhase, type ITimelinePreviewThumbsData, type IVideoEpisode, type IVKVideoPlayerCallbacks, type IVKVideoPlayerUICallbacks, type PlaybackStateRealistic, type Position, type Size, type VideoPlaybackRate, type VideoPlayerView, type VideoQualityForRender, type VideoQualityUI, type VideoSubtitle, type VideoSubtitleParsed } from '../types';
 import { AdsPlaybackState } from '../types';
 import { type QualitySettingsAppliesTo } from '../utils/userSettings';
 import type { DebugData } from './utils';
@@ -63,6 +63,7 @@ export interface IUIState {
         fullscreen: Writable<IControlInfo | undefined>;
         chromecast: Writable<IControlInfo | undefined>;
         pip: Writable<IControlInfo | undefined>;
+        'theater-mode-button': Writable<IControlInfo | undefined>;
         vkLogo: Writable<IControlInfo | undefined>;
         interactiveTimeIndicator: Writable<IControlInfo | undefined>;
         timeline: Writable<IControlInfo | undefined>;
@@ -94,10 +95,7 @@ export interface IUIState {
         showContextMenuBtn$: Writable<boolean>;
         position$: Writable<Position>;
     };
-    playerSize: Writable<{
-        width: number;
-        height: number;
-    }>;
+    playerSize: Writable<Size>;
     isMobile: Writable<boolean>;
     mobileNotReportControlHidden$: Readable<boolean>;
     icon3DVideoVisible: Writable<boolean>;
@@ -140,7 +138,6 @@ export interface IUIState {
      * Определяет, что двойное ускорение видео доступно.
      */
     doubleForwardAvailable$: Readable<false>;
-    previewTrackNotificationVisible: Writable<boolean>;
     previewTrackActive: Writable<boolean>;
     previewTrackDragInProgress: Writable<boolean>;
     previewTrackAvailable: Readable<boolean>;
@@ -261,7 +258,7 @@ export interface IStore {
             togglePictureInPicture: () => void;
             startScrubbing: (progress: number) => void;
             progressScrubbing: (progress: number) => void;
-            completeScrubbing: (progress: number, forcePrecise?: boolean) => void;
+            completeScrubbing: (progress: number, forcePrecise?: boolean, action?: ThinOneStat.ActionSeekType | SeekAction) => void;
             toggleChromecast: () => void;
             seekTime: (time: number, action: SeekAction, forcePrecise?: boolean) => void;
             seekEpisodeStartTime: (time: number) => void;
@@ -396,10 +393,11 @@ interface IStoreParams {
     internalsExposure: InternalsExposure | null;
     playerView?: VideoPlayerView;
     playerId: string;
+    videoElement?: HTMLVideoElement;
 }
 /**
  * Store приложения.
  * Если будет слишком большим - можно разделить его на модули
  */
-export declare const createStore: ({ interfaceLanguage, isCyrillicRelatedInterface, videoId, isClip, isLiveCatchUpMode, statAuthToken, isAudioDisabled, canDownload, callbacks, webApi, videoEpisodes, previewThumbsData, uiConfig, coreConfig, player: playerInstance, disabledControls, isInteractive, interactiveRanges$, isInteractiveTime$, replayInteractive, stopPlayer, hasInteractiveBranches, playPrevChapterDisabledTooltip, additionalButtons, additionalSettingsMenuItems, additionalContextMenuItems, playPrevVideo, playNextVideo, onVideoChanged, looped, statistics: uiStatistics, saveRate, internalsExposure, playerView, playerId, metaConfig, }: IStoreParams) => IStore;
+export declare const createStore: ({ interfaceLanguage, isCyrillicRelatedInterface, videoId, isClip, isLiveCatchUpMode, statAuthToken, isAudioDisabled, canDownload, callbacks, webApi, videoEpisodes, previewThumbsData, uiConfig, coreConfig, player: playerInstance, disabledControls, isInteractive, interactiveRanges$, isInteractiveTime$, replayInteractive, stopPlayer, hasInteractiveBranches, playPrevChapterDisabledTooltip, additionalButtons, additionalSettingsMenuItems, additionalContextMenuItems, playPrevVideo, playNextVideo, onVideoChanged, looped, statistics: uiStatistics, saveRate, internalsExposure, playerView, playerId, metaConfig, videoElement: externalVideoElement, }: IStoreParams) => IStore;
 export {};

package/types/types/index.d.ts

@@ -2,7 +2,7 @@ import type { VideoQuality, VideoFormat, ISources, IExternalTextTrack, IAudioStr
 import type { IValueObservable, InterfaceLanguage, Subscription, IRectangle, DevNullEntry } from '@vkontakte/videoplayer-shared';
 import type { Chapter, Manifest, ManifestVideo, VideoInfo, Interactives, IInteractiveOptions } from '@vkontakte/videoplayer-interactive';
 import { PlaybackState } from '@vkontakte/videoplayer-core';
-import type { MediascopePixelTypes } from '@vkontakte/videoplayer-statistics';
+import type { MediascopePixelTypes, SeekAction, ThinOneStat } from '@vkontakte/videoplayer-statistics';
 import type { Writable, Readable } from 'svelte/store';
 import type { ISDKConfig, IUIConfig } from '../config';
 import type { IStore } from '../store';
@@ -44,7 +44,7 @@ export interface IVKVideoPlayerCallbacks {
     onEpisodeClicked?: (byKeyboard: boolean) => void;
     onEpisodeChanged?: (episode: IVideoEpisode) => void;
     onTimeupdate?: (duration: number, position: number) => void;
-    onSeek?: (from: number, to: number) => void;
+    onSeek?: (from: number, to: number, type: ThinOneStat.ActionSeekType | SeekAction) => void;
     onCrashed?: (reason?: string) => void;
     onRecoverableError?: (reason?: string) => void;
     onCurrentFormatChanged?: (currentFormat: VideoFormat | undefined) => void;
@@ -93,6 +93,7 @@ export interface IVKVideoPlayerCallbacks {
     onDevNullLog?: (entry: DevNullEntry) => void;
     onTitleClicked?: () => void;
     onRichSeekActiveChanged?: (active: boolean) => void;
+    onVideoElementCreated?: (videoElement: HTMLVideoElement) => void;
     uiInfo?: {
         onUpcomingLiveViewStateChanged?: (value: IUpcomingLiveViewControlInfo) => void;
         onControlsVisibleChanged?: (value?: boolean) => void;
@@ -117,6 +118,7 @@ export interface IVKVideoPlayerCallbacks {
         onFullscreenChanged?: (value?: IControlInfo) => void;
         onChromecastChanged?: (value?: IControlInfo) => void;
         onPipChanged?: (value?: IControlInfo) => void;
+        onTheaterModeChanged?: (value?: IControlInfo) => void;
         onVkLogoChanged?: (value?: IControlInfo) => void;
         onTimelineChanged?: (value?: IControlInfo) => void;
         onTimelineMouseEnter?: () => void;
@@ -310,6 +312,7 @@ export interface IVKVideoPlayerConfig {
     playerView?: VideoPlayerView;
     mediascopePixels?: MediascopePixelTypes.Pixel[];
     getVideoDeeplink?: (timestamp: number) => string;
+    videoElement?: HTMLVideoElement;
 }
 export interface IControlInfo {
     left: number;
@@ -345,6 +348,7 @@ export interface IPlayerControlsRef {
     fullscreen?: HTMLElement;
     chromecast?: HTMLButtonElement;
     pip?: HTMLButtonElement;
+    'theater-mode-button'?: HTMLButtonElement;
     vkLogo?: HTMLButtonElement;
     interactiveTimeIndicator?: HTMLElement;
     timeline?: HTMLElement;
@@ -457,15 +461,27 @@ export interface IPictureInPictureApiInfo {
 export type PictureInPictureSettings = {
     enabled?: boolean;
 };
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface ExternalPictureInPictureEventHandlers {
+    enterpictureinpicture?: VoidFunction;
+    leavepictureinpicture?: VoidFunction;
+    resize?: (size: Size) => void;
+}
 export interface IPictureInPictureApi {
-    isSupported: () => boolean;
-    isActive: () => boolean;
-    setContext: (svelteContext: Map<unknown, unknown>) => void;
-    request: () => Promise<void>;
-    exit: () => Promise<void>;
+    isSupported(): boolean;
+    isActive(): boolean;
+    setContext(svelteContext: Map<unknown, unknown>): void;
+    request(): Promise<void>;
+    exit(): Promise<void>;
     info: IPictureInPictureApiInfo;
-    setEnabled: (enabled: boolean) => void;
-    dispose: () => Promise<void>;
+    setEnabled(enabled: boolean): void;
+    dispose(): Promise<void>;
+    assignPlayerContainer(playerContainer: HTMLElement): void;
+    updateVideoElement(): void;
+    setExternalEventHandlers(externalEventHandlers: ExternalPictureInPictureEventHandlers): void;
 }
 export interface IAnnotationsApi {
     /** @deprecated Больше не используется. Контейнер теперь определяется самостоятельно */

package/types/utils/webAPI/pictureInPictureApi/documentPictureInPictureApi.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 import { ValueSubject } from '@vkontakte/videoplayer-shared';
+import type { ExternalPictureInPictureEventHandlers, IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 import { PictureInPictureType } from '../../../types';
 export declare class DocumentPictureInPictureApiSvelte implements IPictureInPictureApi {
     private playerDomElement;
@@ -12,6 +12,11 @@ export declare class DocumentPictureInPictureApiSvelte implements IPictureInPict
         isEnabled$: ValueSubject<boolean>;
         type: PictureInPictureType;
     };
+    /**
+     * Обычный pip может быть открыт браузером через медиа-сессию
+     */
+    private pipActive;
+    private readonly pipApi;
     constructor({ enabled }?: PictureInPictureSettings);
     /**
      * Флаг показывает, есть ли в целом возможность использовать dpip в данном браузере, поддерживается ли это.
@@ -30,6 +35,9 @@ export declare class DocumentPictureInPictureApiSvelte implements IPictureInPict
      * Флаг определяет может ли пользователь переходить в dpip на уровне бизнес логике.
      */
     setEnabled(enabled: boolean): void;
+    assignPlayerContainer(playerContainer: HTMLElement): void;
+    updateVideoElement(): void;
+    setExternalEventHandlers(externalEventHandlers: ExternalPictureInPictureEventHandlers): void;
     private createStretchedContainer;
 }
 export declare function isInstanceOfDocumentPictureInPictureApi(pictureInPictureApi?: IPictureInPictureApi): pictureInPictureApi is DocumentPictureInPictureApiSvelte;

package/types/utils/webAPI/pictureInPictureApi/pictureInPictureApi.d.ts

@@ -1,14 +1,6 @@
-import type { IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
+import { ValueSubject } from '@vkontakte/videoplayer-shared';
+import type { ExternalPictureInPictureEventHandlers, IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 import { PictureInPictureType } from '../../../types';
-import { ValueSubject, type DebouncedFn } from '@vkontakte/videoplayer-shared';
-interface PictureInPictureEventHandlers {
-    enterpictureinpicture: (event: Event) => void;
-    leavepictureinpicture: (event: Event) => void;
-    resize: DebouncedFn<(event: Event) => void>;
-}
-interface ExternalPictureInPictureEventHandlers extends Omit<PictureInPictureEventHandlers, 'resize'> {
-    resize: (event: Event) => void;
-}
 export declare class PictureInPictureApi implements IPictureInPictureApi {
     private isRequested;
     private videoElement;
@@ -37,7 +29,7 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
     assignPlayerContainer(playerContainer: HTMLElement): void;
     updateVideoElement(): void;
     private addEventHandlers;
-    setExternalEventHandlers(externalEventHandlers: Partial<ExternalPictureInPictureEventHandlers>): void;
+    setExternalEventHandlers(externalEventHandlers: ExternalPictureInPictureEventHandlers): void;
     private removeEventHandlers;
     dispose(): Promise<void>;
     private onEnterPictureInPicture;
@@ -55,4 +47,3 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
     private waitForSafariLeavePictureInPicture;
 }
 export declare function isInstanceOfPictureInPictureApi(pictureInPictureApi?: IPictureInPictureApi): pictureInPictureApi is PictureInPictureApi;
-export {};

package/types/utils/webAPI/pictureInPictureApi/types.d.ts

@@ -0,0 +1,6 @@
+import type { DebouncedFn } from '@vkontakte/videoplayer-shared';
+export interface PictureInPictureEventHandlers {
+    enterpictureinpicture: (event: Event) => void;
+    leavepictureinpicture: (event?: Event) => void;
+    resize: DebouncedFn<(event: Event) => void>;
+}

package/types/utils/webAPI/pictureInPictureApi/utils.d.ts

@@ -0,0 +1,5 @@
+import { type SafeAny } from '@vkontakte/videoplayer-shared';
+import type { PictureInPictureResizeEvent } from '../../../types';
+export declare const isPiPSupported: () => boolean;
+export declare const isPiPEvent: (e: SafeAny) => e is PictureInPictureEvent;
+export declare const isPiPResizeEvent: (e: Event) => e is PictureInPictureResizeEvent;