@vkontakte/videoplayer 1.1.32-dev.a1e89bfc.0 → 1.1.32-dev.a44460f3.0

package/index.d.ts

@@ -105,7 +105,7 @@ interface ISDKConfig {
     statistics: IOptionalConfig;
 }
 
-type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'auto_quality_option' | 'mobile_unmute' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | 'aria_open_settings' | 'aria_timeline_value' | 'doubletap_seek_step' | 'playback_rate_1' | 'playback_rate' | 'video360' | 'subtitles_caption' | 'subtitles_auto' | 'subtitles_off' | 'subtitles_auto_caption' | 'subtitles_turn_on' | 'subtitles_turn_off' | 'traffic_saving_off' | 'traffic_saving_on' | 'traffic_saving_disable' | 'traffic_saving_enable' | 'traffic_saving_helper_text' | 'tooltip_previous' | 'tooltip_restart' | 'tooltip_play' | 'tooltip_pause' | 'tooltip_next' | 'tooltip_button_disabled' | 'tooltip_interactive_go_back' | 'tooltip_interactive_go_back_disabled' | 'tooltip_interactive_go_back_disabled_first' | 'tooltip_interactive_go_back_disabled_limit' | 'tooltip_interactive_seek' | 'tooltip_interactive_graph_off' | 'tooltip_interactive_graph_on' | 'tooltip_live' | 'tooltip_episodes' | 'tooltip_volume' | 'tooltip_volume_muted' | 'tooltip_settings_on' | 'tooltip_subtitles_off' | 'tooltip_settings_off' | 'tooltip_subtitles_on' | 'tooltip_fullscreen_off' | 'tooltip_fullscreen_on' | 'tooltip_chromecast_off' | 'tooltip_chromecast_on' | 'tooltip_episode_finished' | 'tooltip_episode_unfinished' | 'tooltip_disabled_when_interactive' | 'tooltip_disabled_when_graph_on' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'download_video_caption' | 'hotkey_helper_current_volume' | 'hotkey_map_modal_title' | 'hotkey_map_modal_close_btn_text' | 'hotkey_map_group_title_common' | 'hotkey_map_group_title_playback' | 'hotkey_map_group_title_subtitles' | 'hotkey_map_group_title_episodes' | 'hotkey_map_item_mute_description' | 'hotkey_map_item_mute_value' | 'hotkey_map_item_volume_down_description' | 'hotkey_map_item_volume_down_value' | 'hotkey_map_item_volume_up_description' | 'hotkey_map_item_volume_up_value' | 'hotkey_map_item_pip_description' | 'hotkey_map_item_pip_value' | 'hotkey_map_item_full_screen_description' | 'hotkey_map_item_full_screen_value' | 'hotkey_map_item_show_hotkey_map_description' | 'hotkey_map_item_show_hotkey_map_value' | 'hotkey_map_item_play_toggle_description' | 'hotkey_map_item_play_toggle_value' | 'hotkey_map_item_seek_backward_description' | 'hotkey_map_item_seek_backward_value' | 'hotkey_map_item_seek_forward_description' | 'hotkey_map_item_seek_forward_value' | 'hotkey_map_item_fast_seek_backward_description' | 'hotkey_map_item_fast_seek_backward_value' | 'hotkey_map_item_fast_seek_forward_description' | 'hotkey_map_item_fast_seek_forward_value' | 'hotkey_map_item_rate_down_description' | 'hotkey_map_item_rate_down_value' | 'hotkey_map_item_rate_up_description' | 'hotkey_map_item_rate_up_value' | 'hotkey_map_item_prev_frame_description' | 'hotkey_map_item_prev_frame_value' | 'hotkey_map_item_next_frame_description' | 'hotkey_map_item_next_frame_value' | 'hotkey_map_item_jump_seek_description' | 'hotkey_map_item_jump_seek_value' | 'hotkey_map_item_subtitles_toggle_description' | 'hotkey_map_item_subtitles_toggle_value' | 'hotkey_map_item_prev_episode_description' | 'hotkey_map_item_prev_episode_pc_value' | 'hotkey_map_item_prev_episode_mac_value' | 'hotkey_map_item_next_episode_description' | 'hotkey_map_item_next_episode_pc_value' | 'hotkey_map_item_next_episode_mac_value' | 'waiting_live_day_value' | 'waiting_live_hour_value' | 'waiting_live_minute_value' | 'waiting_live_second_value' | 'waiting_live_colon' | 'waiting_live_upcoming_title' | 'waiting_live_timer_title' | 'waiting_record_title';
+type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'auto_quality_option' | 'mobile_unmute' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | 'aria_open_settings' | 'aria_timeline_value' | 'doubletap_seek_step' | 'playback_rate_1' | 'playback_rate' | 'video360' | 'subtitles_caption' | 'subtitles_auto' | 'subtitles_off' | 'subtitles_auto_caption' | 'subtitles_turn_on' | 'subtitles_turn_off' | 'traffic_saving_off' | 'traffic_saving_on' | 'traffic_saving_disable' | 'traffic_saving_enable' | 'traffic_saving_helper_text' | 'tooltip_previous' | 'tooltip_restart' | 'tooltip_play' | 'tooltip_pause' | 'tooltip_next' | 'tooltip_button_disabled' | 'tooltip_interactive_go_back' | 'tooltip_interactive_go_back_disabled' | 'tooltip_interactive_go_back_disabled_first' | 'tooltip_interactive_go_back_disabled_limit' | 'tooltip_chapter_without_interactive' | 'tooltip_interactive_of_chapter_completed' | 'tooltip_interactive_seek' | 'tooltip_interactive_graph_off' | 'tooltip_interactive_graph_on' | 'tooltip_live' | 'tooltip_episodes' | 'tooltip_volume' | 'tooltip_volume_muted' | 'tooltip_settings_on' | 'tooltip_subtitles_off' | 'tooltip_settings_off' | 'tooltip_subtitles_on' | 'tooltip_fullscreen_off' | 'tooltip_fullscreen_on' | 'tooltip_chromecast_off' | 'tooltip_chromecast_on' | 'tooltip_episode_finished' | 'tooltip_episode_unfinished' | 'tooltip_disabled_when_interactive' | 'tooltip_disabled_when_graph_on' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'download_video_caption' | 'hotkey_helper_current_volume' | 'hotkey_map_modal_title' | 'hotkey_map_modal_close_btn_text' | 'hotkey_map_group_title_common' | 'hotkey_map_group_title_playback' | 'hotkey_map_group_title_subtitles' | 'hotkey_map_group_title_episodes' | 'hotkey_map_item_mute_description' | 'hotkey_map_item_mute_value' | 'hotkey_map_item_volume_down_description' | 'hotkey_map_item_volume_down_value' | 'hotkey_map_item_volume_up_description' | 'hotkey_map_item_volume_up_value' | 'hotkey_map_item_pip_description' | 'hotkey_map_item_pip_value' | 'hotkey_map_item_full_screen_description' | 'hotkey_map_item_full_screen_value' | 'hotkey_map_item_show_hotkey_map_description' | 'hotkey_map_item_show_hotkey_map_value' | 'hotkey_map_item_play_toggle_description' | 'hotkey_map_item_play_toggle_value' | 'hotkey_map_item_seek_backward_description' | 'hotkey_map_item_seek_backward_value' | 'hotkey_map_item_seek_forward_description' | 'hotkey_map_item_seek_forward_value' | 'hotkey_map_item_fast_seek_backward_description' | 'hotkey_map_item_fast_seek_backward_value' | 'hotkey_map_item_fast_seek_forward_description' | 'hotkey_map_item_fast_seek_forward_value' | 'hotkey_map_item_rate_down_description' | 'hotkey_map_item_rate_down_value' | 'hotkey_map_item_rate_up_description' | 'hotkey_map_item_rate_up_value' | 'hotkey_map_item_prev_frame_description' | 'hotkey_map_item_prev_frame_value' | 'hotkey_map_item_next_frame_description' | 'hotkey_map_item_next_frame_value' | 'hotkey_map_item_jump_seek_description' | 'hotkey_map_item_jump_seek_value' | 'hotkey_map_item_subtitles_toggle_description' | 'hotkey_map_item_subtitles_toggle_value' | 'hotkey_map_item_prev_episode_description' | 'hotkey_map_item_prev_episode_pc_value' | 'hotkey_map_item_prev_episode_mac_value' | 'hotkey_map_item_next_episode_description' | 'hotkey_map_item_next_episode_pc_value' | 'hotkey_map_item_next_episode_mac_value' | 'waiting_live_day_value' | 'waiting_live_hour_value' | 'waiting_live_minute_value' | 'waiting_live_second_value' | 'waiting_live_colon' | 'waiting_live_upcoming_title' | 'waiting_live_timer_title' | 'waiting_record_title';
 type LanguagePack = Record<Key, string>;
 type LanguageConfig = {
     language: string;
@@ -157,6 +157,10 @@ interface IVKVideoPlayerCallbacks {
     onReplayInteractiveVideo?: () => void;
     onInteractiveHistoryChanged?: (chapterIds: string[]) => void;
     onDisabledInteractiveClick?: () => void;
+    onDisabledPlayPrevChapterClick?: (message: string | undefined) => void;
+    onDisabledSeekToInteractiveClick?: (message: string | undefined) => void;
+    onPrevVideoClick?: () => boolean;
+    onNextVideoClick?: () => boolean;
     uiInfo?: {
         onControlsVisibleChanged?: (value?: boolean) => void;
         onIsMobileChanged?: (value?: boolean) => void;
@@ -175,6 +179,7 @@ interface IVKVideoPlayerCallbacks {
         onSettingsChanged?: (value?: IControlInfo) => void;
         onFullscreenChanged?: (value?: IControlInfo) => void;
         onChromecastChanged?: (value?: IControlInfo) => void;
+        onPipChanged?: (value?: IControlInfo) => void;
         onVkLogoChanged?: (value?: IControlInfo) => void;
         onPlayerSizeChanged?: (value?: {
             width: number;
@@ -230,6 +235,16 @@ interface IInteractiveData {
     visitedChapters?: string[];
     videosInfo?: VideoInfo[];
     videoLoader?: (owner_id: string, video_id: string) => Promise<IVKVideoPlayerConfig>;
+    historyApi: {
+        get: (videoId: string) => Promise<number[]>;
+        save: (videoId: string, videoIds: number[]) => Promise<void>;
+    };
+    projectInfo: {
+        pid: string;
+        title: string;
+        videoId: string;
+        variantPayloadType: string;
+    };
 }
 interface AdditionalButton {
     iconUrl: string;
@@ -280,8 +295,14 @@ interface IVKVideoPlayerConfig {
     additionalButtons?: AdditionalButton[];
 }
 interface IControlInfo {
+    /** @deprecated Используйте новое поле left */
     positionStartX: number;
+    /** @deprecated Используйте новое поле right */
     positionEndX: number;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
     isDisplayed: boolean;
 }
 declare const enum PlayerPhase {
@@ -293,13 +314,24 @@ declare const enum PlayerPhase {
     WaitingRecord = "waitingRecord"
 }
 interface IAnnotationsApi {
+    /** @deprecated Больше не используется. Контейнер теперь определяется самостоятельно */
     registryRootContainer: (container: HTMLElement) => void;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     addLayer: (layerName: string) => HTMLElement | never;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     getLayer: (layerName: string) => HTMLElement | undefined;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     removeLayer: (layerName: string) => void;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     clearLayer: (layerName: string) => void;
+    /** @deprecated Метод больше не является публичным */
     detach: () => void;
+    /** @deprecated Больше нет необходимости переназначать контейнер для аннотаций в ходе работы плеера */
     reattach: () => void;
+    add: (annotationName: string, annotation: HTMLElement) => void | never;
+    get: (annotationName: string) => HTMLElement | never;
+    remove: (annotationName: string) => void | never;
+    clear: () => void;
     destroy: () => void;
 }
 interface HotKeyMapItem {
@@ -318,15 +350,31 @@ interface HotKeyMapData {
 
 declare class AnnotationsApi implements IAnnotationsApi {
     private rootAnnotationsContainer;
-    private layers;
+    private annotations;
+    private subscriptions;
+    private mutationObserver;
+    private playerSize;
+    constructor(container: HTMLElement);
+    add(annotationName: string, annotation: HTMLElement): void | never;
+    get(annotationName: string): HTMLElement | never;
+    remove(annotationName: string): void | never;
+    clear(): void;
+    destroy(): void;
+    private isElementExceedsBoundaries;
+    /** @deprecated Больше не используется. Контейнер теперь определяется самостоятельно */
     registryRootContainer(container: HTMLElement): void;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     addLayer(layerName: string): HTMLElement | never;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     getLayer(layerName: string): HTMLElement | undefined;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     removeLayer(layerName: string): void;
+    /** @deprecated Логики со слоями больше нет. Теперь все аннотации добавляются на единый общий слой */
     clearLayer(layerName: string): void;
+    /** @deprecated Метод больше не является публичным */
     detach(): void;
+    /** @deprecated Больше нет необходимости переназначать контейнер для аннотаций в ходе работы плеера */
     reattach(): void;
-    destroy(): void;
 }
 
 declare class VKVideoPlayer extends HTMLElement {
@@ -335,8 +383,9 @@ declare class VKVideoPlayer extends HTMLElement {
     private store?;
     private statistics;
     private sentry;
-    private readonly _shadowRoot;
-    private readonly playerContainer;
+    private _shadowRoot;
+    private playerContainer;
+    private rootContainer;
     private uiConfig;
     private coreConfig;
     private interactiveController;
@@ -353,11 +402,12 @@ declare class VKVideoPlayer extends HTMLElement {
     private readonly subscription;
     annotationsApi: AnnotationsApi | undefined;
     private createPlayerTimeout;
-    private interactiveProjectInfo;
+    private prevVsid;
     private isInited;
     constructor();
-    connectedCallback(): void;
+    private connectedCallback;
     private disconnectedCallback;
+    private initPlayerRootContainers;
     private needToShowNextPrevButtons;
     private isNextButtonActive;
     private isPrevButtonActive;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.32-dev.a1e89bfc.0",
+  "version": "1.1.32-dev.a44460f3.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -49,9 +49,9 @@
     "**/*.d.ts"
   ],
   "dependencies": {
-    "@vkontakte/videoplayer-core": "2.0.99-dev.49004322.0",
-    "@vkontakte/videoplayer-interactive": "1.0.8-dev.676547d.0",
-    "@vkontakte/videoplayer-shared": "1.0.33-dev.d87ce454.0",
-    "@vkontakte/videoplayer-statistics": "1.0.46-dev.df8758f1.0"
+    "@vkontakte/videoplayer-core": "2.0.99-dev.f7e25cbd.0",
+    "@vkontakte/videoplayer-interactive": "1.0.8-dev.3c1e79f3.0",
+    "@vkontakte/videoplayer-shared": "1.0.33-dev.fef0bd51.0",
+    "@vkontakte/videoplayer-statistics": "1.0.46-dev.e2cd6af5.0"
   }
 }