@vkontakte/videoplayer 1.1.81 → 1.1.82-dev.bc3c59e8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.81",
+  "version": "1.1.82-dev.bc3c59e8.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.150",
-    "@vkontakte/videoplayer-interactive": "1.0.56",
-    "@vkontakte/videoplayer-shared": "1.0.79",
-    "@vkontakte/videoplayer-statistics": "1.0.96"
+    "@vkontakte/videoplayer-core": "2.0.151-dev.bc3c59e8.0",
+    "@vkontakte/videoplayer-interactive": "1.0.57-dev.bc3c59e8.0",
+    "@vkontakte/videoplayer-shared": "1.0.80-dev.bc3c59e8.0",
+    "@vkontakte/videoplayer-statistics": "1.0.97-dev.bc3c59e8.0"
   }
 }

package/types/components/Ads/types.d.ts

@@ -23,6 +23,7 @@ export type AdmanInitParams = {
     adsVideoElement: HTMLVideoElement;
     paramsOverride?: AdsParams;
     externalApi?: IAdmanInitParamsExternalApi;
+    json?: Record<string, unknown>;
 };
 export type IPlayerState = {
     vsid: Readable<string | undefined>;

package/types/components/Root/types.d.ts

@@ -30,6 +30,7 @@ export interface RootProps {
     adsParams?: AdmanInitParams['params'];
     adsAutoplayParam?: boolean;
     adsExternalApi?: AdmanInitParams['externalApi'];
+    adsJson?: AdmanInitParams['json'];
     duration?: number | undefined;
     logoClickable: boolean;
     logoHidden: boolean;

package/types/types/index.d.ts

@@ -1,5 +1,5 @@
 import type { VideoQuality, VideoFormat, ISources, IExternalTextTrack, IAudioStream } from '@vkontakte/videoplayer-core';
-import type { IValueObservable, InterfaceLanguage, Subscription, IRectangle, DevNullEntry } from '@vkontakte/videoplayer-shared';
+import type { IValueObservable, InterfaceLanguage, Subscription, IRectangle, DebouncedFn, 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';
@@ -207,6 +207,7 @@ export interface IVideoDataBase {
     duration?: AdmanInitParams['duration'];
     adsParams?: AdmanInitParams['params'];
     adsExternalApi?: AdmanInitParams['externalApi'];
+    adsJson?: AdmanInitParams['json'];
     videoEpisodes?: IVideoEpisode[];
     previewThumbsData?: ITimelinePreviewThumbsData;
     isClip?: boolean;
@@ -456,15 +457,26 @@ export interface IPictureInPictureApiInfo {
 export type PictureInPictureSettings = {
     enabled?: boolean;
 };
+export interface PictureInPictureEventHandlers {
+    enterpictureinpicture: (event: Event) => void;
+    leavepictureinpicture: (event: Event) => void;
+    resize: DebouncedFn<(event: Event) => void>;
+}
+export interface ExternalPictureInPictureEventHandlers extends Omit<PictureInPictureEventHandlers, 'resize'> {
+    resize: (event: Event) => 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: Partial<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: Partial<ExternalPictureInPictureEventHandlers>): void;
     private createStretchedContainer;
 }
 export declare function isInstanceOfDocumentPictureInPictureApi(pictureInPictureApi?: IPictureInPictureApi): pictureInPictureApi is DocumentPictureInPictureApiSvelte;

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

@@ -1,6 +1,6 @@
+import { ValueSubject, type DebouncedFn } from '@vkontakte/videoplayer-shared';
 import type { 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;
@@ -47,6 +47,12 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
      * Флаг определяет может ли пользователь переходить в pip на уровне бизнес логике.
      */
     setEnabled(enabled: boolean): void;
+    /**
+     * для сафари нужно корректно обновить состояние пипа, потому что если мы попали сюда
+     * из за креша провайдера + клика на выход из пип-а, то сафари может не успеть прислать
+     * leavepictureinpicture на старый элемент из за чего UI застрянет в неправильном состоянии
+     */
+    private waitForSafariLeavePictureInPicture;
 }
 export declare function isInstanceOfPictureInPictureApi(pictureInPictureApi?: IPictureInPictureApi): pictureInPictureApi is PictureInPictureApi;
 export {};

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

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