@vkontakte/videoplayer 1.1.34-dev.45becee3.0 → 1.1.35-beta.0

package/index.d.ts

@@ -97,6 +97,10 @@ interface IUIConfig {
         hotKeyHelpers: boolean;
         saveDebugInfoToFile: boolean;
         additionalButtons: boolean;
+        contextMenuButton: boolean;
+    };
+    interactive: {
+        historyMaxLength: number;
     };
 }
 interface ISDKConfig {
@@ -105,7 +109,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' | 'aria_label_menu_traffic_saving' | 'aria_label_submenu_traffic_saving_off' | 'aria_label_submenu_traffic_saving_on' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_submenu_quality_select_quality' | 'aria_label_menu_rate' | 'aria_label_submenu_rate_select_rate' | 'aria_label_menu_subtitle' | 'aria_label_submenu_subtitle_select_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay_enable' | 'aria_label_menu_debug_overlay_disable' | 'aria_label_menu_rotate' | 'aria_label_spherical_control';
+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' | 'aria_label_menu_traffic_saving' | 'aria_label_submenu_traffic_saving_off' | 'aria_label_submenu_traffic_saving_on' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_submenu_quality_select_quality' | 'aria_label_menu_rate' | 'aria_label_submenu_rate_select_rate' | 'aria_label_menu_subtitle' | 'aria_label_submenu_subtitle_select_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay_enable' | 'aria_label_menu_debug_overlay_disable' | 'aria_label_menu_rotate' | 'aria_label_debug_panel' | 'aria_label_context_menu_open' | 'aria_label_context_menu_close' | 'aria_label_spherical_control';
 type LanguagePack = Record<Key, string>;
 type LanguageConfig = {
     language: string;
@@ -134,7 +138,7 @@ interface IVKVideoPlayerCallbacks {
     onUnmute?: () => void;
     onAudioDisabledHint?: () => void;
     onAudioDoesNotExistHint?: () => void;
-    onEpisodeClicked?: () => void;
+    onEpisodeClicked?: (byKeyboard: boolean) => void;
     onEpisodeChanged?: (episode: IVideoEpisode) => void;
     onTimeupdate?: (duration: number, position: number) => void;
     onSeek?: (from: number, to: number) => void;
@@ -180,6 +184,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;
@@ -295,8 +300,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 {
@@ -308,13 +319,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 {
@@ -333,15 +355,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 {
@@ -351,8 +389,9 @@ declare class VKVideoPlayer extends HTMLElement {
     private microStoresRoot?;
     private statistics;
     private sentry;
-    private readonly _shadowRoot;
-    private readonly playerContainer;
+    private _shadowRoot;
+    private playerContainer;
+    private rootContainer;
     private uiConfig;
     private coreConfig;
     private interactiveController;
@@ -369,11 +408,12 @@ declare class VKVideoPlayer extends HTMLElement {
     private readonly subscription;
     annotationsApi: AnnotationsApi | undefined;
     private createPlayerTimeout;
-    private prevVsid;
+    private prevIsid;
     private isInited;
     constructor();
     private connectedCallback;
     private disconnectedCallback;
+    private initPlayerRootContainers;
     private needToShowNextPrevButtons;
     private isNextButtonActive;
     private isPrevButtonActive;
@@ -407,6 +447,7 @@ declare class VKVideoPlayer extends HTMLElement {
     setRepeat(repeat: boolean): void;
     seekTime(time: number): void;
     seekEpisodeStartTime(time: number): void;
+    returnFocusToEpisodes(): void;
     setPlaybackRate(playbackRate: PlaybackRate): void;
     setAutoQualityLimits(limits: QualityLimits): void;
     addLanguage(config: LanguageConfig): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.34-dev.45becee3.0",
+  "version": "1.1.35-beta.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.101-beta.1",
-    "@vkontakte/videoplayer-interactive": "1.0.9-beta.1",
-    "@vkontakte/videoplayer-shared": "1.0.34-beta.1",
-    "@vkontakte/videoplayer-statistics": "1.0.47-beta.1"
+    "@vkontakte/videoplayer-core": "2.0.102-beta.0",
+    "@vkontakte/videoplayer-interactive": "1.0.10-beta.0",
+    "@vkontakte/videoplayer-shared": "1.0.35-beta.0",
+    "@vkontakte/videoplayer-statistics": "1.0.48-beta.0"
   }
 }