@vkontakte/videoplayer 1.1.73-dev.ecbcbb4c.0 → 1.1.74-dev.2444f53a.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.73-dev.ecbcbb4c.0",
+  "version": "1.1.74-dev.2444f53a.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.142-dev.ecbcbb4c.0",
-    "@vkontakte/videoplayer-interactive": "1.0.48-dev.ecbcbb4c.0",
-    "@vkontakte/videoplayer-shared": "1.0.70-dev.ecbcbb4c.0",
-    "@vkontakte/videoplayer-statistics": "1.0.88-dev.ecbcbb4c.0"
+    "@vkontakte/videoplayer-core": "2.0.143-dev.2444f53a.0",
+    "@vkontakte/videoplayer-interactive": "1.0.49-dev.2444f53a.0",
+    "@vkontakte/videoplayer-shared": "1.0.71-dev.2444f53a.0",
+    "@vkontakte/videoplayer-statistics": "1.0.89-dev.2444f53a.0"
   }
 }

package/types/VKVideoPlayer/index.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ISDKConfig } from '../config';
 import type { LanguageConfig } from '../translation/types';
 import type { IVideoData, IVKVideoPlayerConfig } from '../types';
-import { type QualityLimits } from '@vkontakte/videoplayer-shared';
+import { type QualityLimits, type Seconds } from '@vkontakte/videoplayer-shared';
 import { InterfaceLanguage } from '@vkontakte/videoplayer-shared';
 import { type PlaybackRate } from '@vkontakte/videoplayer-core';
 import type { IStatContext } from '@vkontakte/videoplayer-statistics';
@@ -13,6 +13,10 @@ import { SlotsApi } from '../utils/webAPI/slotsApi';
 export declare class VKVideoPlayer extends HTMLElement {
     private svelteStubComponent?;
     private svelteRootComponent?;
+    /**
+     * Слой, который живет на протяжении жизни плеера, не уничтожается между переключениями видео.
+     */
+    private sveltePersistentLayerComponent?;
     private svelteErrorComponent?;
     private store?;
     private microStoresRoot?;
@@ -49,6 +53,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     private readonly fatalError$;
     constructor();
     private connectedCallback;
+    private updatePersistentLayerProps;
     private disconnectedCallback;
     private initPlayerRootContainers;
     private needToShowNextPrevButtons;
@@ -113,6 +118,7 @@ export declare class VKVideoPlayer extends HTMLElement {
      * (если был выключен, например, ручным выбором качества пользователем)
      */
     toggleHighQuality(value: boolean): void;
+    changeAudioStream(id: string): void;
     addLanguage(config: LanguageConfig): void;
     setLanguage(language: InterfaceLanguage | string): Promise<void>;
     setLiveStart(videoData: IVideoData): void;
@@ -160,5 +166,6 @@ export declare class VKVideoPlayer extends HTMLElement {
      */
     handleExternalKeyboardEvent(event: KeyboardEvent): boolean;
     setAutoplayNext(autoplayNext: boolean): void;
+    getTotalViewTime(): Seconds | undefined;
     private unmountComponent;
 }

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

@@ -17,8 +17,8 @@ export type AdmanInitParams = {
     isAutoplay: boolean;
     slotId: number;
     params?: AdsParams;
+    paramsOverride?: AdsParams;
     duration: number;
-    previewParam?: number;
     adsContainer: HTMLElement;
     adsVideoElement: HTMLVideoElement;
 };

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

@@ -16,6 +16,7 @@ export interface RootProps {
     interactiveContainer: HTMLElement | undefined;
     interactiveController: Interactives | undefined;
     subtitles: Omit<IExternalTextTrack, 'type'>[] | undefined;
+    subtitlesForcedLanguage?: string;
     live: IVideoLive | undefined;
     preload: boolean;
     autoplay: boolean;
@@ -26,7 +27,6 @@ export interface RootProps {
     showAds: boolean;
     adsSlotId?: number | undefined;
     adsParams?: AdsParams | undefined;
-    adsPreviewParam?: number | undefined;
     adsAutoplayParam?: boolean;
     duration?: number | undefined;
     logoClickable: boolean;
@@ -59,6 +59,7 @@ export interface RootExports {
     setMuted: (muted: boolean) => void;
     toggleSubtitle: () => void;
     changeSubtitle: (enabled: boolean, id?: string) => void;
+    changeAudioStream: (id: string) => void;
     hideControls: () => void;
     showControls: () => void;
     setVolume: (volume: number) => void;
@@ -75,3 +76,6 @@ export interface RootExports {
     toggleTrafficSaving: (value: boolean) => void;
     toggleHighQuality: (value: boolean) => void;
 }
+export interface PersistentLayerExports {
+    startVideoChangedAnimation: (prev: boolean) => void;
+}

package/types/config.d.ts

@@ -33,7 +33,9 @@ export interface IUIConfig {
         initTimeout: Milliseconds;
         runtimeTimeout: Milliseconds;
         slot?: number;
+        /** @deprecated, Вместо этого используйте paramsOverride: { preview } */
         preview?: number;
+        paramsOverride?: Record<string, unknown>;
         isMobileGoToSiteButton: boolean;
         useAdmanFromNPM: boolean;
         volumeMultiplier: number;
@@ -156,18 +158,10 @@ export interface IUIConfig {
          * Отображать ли анимацию смены статуса проигрывания.
          */
         playbackStatusShow: boolean;
-        /**
-         * Продолжительность анимации.
-         */
-        playbackStatusAnimationDuration: number;
         /**
          * Отображать ли анимацию при переключении видео на следующее или предыдущее.
          */
         playbackStatusNextVideoShow: boolean;
-        /**
-         * Продолжительность анимации для переключения видео.
-         */
-        playbackStatusNextVideoAnimationDuration: number;
         /**
          * Включает ранее выбранный язык субтитров при запуске видео
          */
@@ -190,6 +184,11 @@ export interface IUIConfig {
          * сохраняет выбранные состояния плеера в localStorage только от user actions
          */
         savePreferredStatesOnUserActionOnly: boolean;
+        /**
+         * Если включен то за зацикливание одного видео будет отвечать флаг loop
+         */
+        useLoopSetting: boolean;
+        doubleForwardAvailable: boolean;
     };
     interactive: {
         historyMaxLength: number;
@@ -220,6 +219,15 @@ export interface IUIConfig {
     };
     /** уникальный идентификатор пользователя для сохранения настроек */
     userSalt: string;
+    /**
+     * Время, которое нужно зажимать горячую клавишу, чтобы включилось х2 ускорение.
+     */
+    doubleForwardActivationTime: number;
+    playbackStatusAnimationDuration: number;
+    /**
+     * Продолжительность анимации для переключения видео.
+     */
+    playbackStatusNextVideoAnimationDuration: number;
 }
 export declare const defaultConfig: IUIConfig;
 export type IOptionalUIConfig = RecursivePartial<IUIConfig>;

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import { VKVideoPlayer } from './VKVideoPlayer/index.svelte';
-import type { IVKVideoPlayerConfig, IControlInfo, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, IVideoEpisode, VideoPlayerView } from './types';
+import type { IVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, IVideoEpisode, VideoPlayerView } from './types';
 import type { LanguagePack, LanguageConfig } from './translation/types';
 import type { ISDKConfig } from './config';
 import type { ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek } from '@vkontakte/videoplayer-core';
@@ -8,7 +8,7 @@ export { VERSION } from './env';
 export declare const registerPlayerWebComponent: () => void;
 export { type AdditionalSettingsMenuItem, MenuItemType, type AdditionalClickSettingsMenuItem, type AdditionalSwitchSettingsMenuItem, type AdditionalContextMenuItem, } from './components/Menus/subMenuTabs/types';
 export { type AdditionalButton, ControlButtonType, } from './components/Controls/types';
-export type { VKVideoPlayer, IVKVideoPlayerConfig, IControlInfo, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IVideoEpisode, ISDKConfig, VideoPlayerView, };
+export type { VKVideoPlayer, IVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IVideoEpisode, ISDKConfig, VideoPlayerView, };
 export { GridTypes, } from './constans';
 export { PlayerPhase, } from './types';
 export { InterfaceLanguage, VKNumericLanguage, loadVKLangPack, } from '@vkontakte/videoplayer-shared';

package/types/store/index.d.ts

@@ -122,7 +122,6 @@ export interface IUIState {
         ref$: Writable<HTMLElement | undefined>;
         name$: Writable<string | undefined>;
     };
-    aboutToGoNextVideo: Writable<'next' | 'prev' | undefined>;
     /**
      * Отключаем любое действие пользователя.
      */
@@ -131,6 +130,14 @@ export interface IUIState {
      * Положение заголовка названия видео.
      */
     videoTitleInfo: Writable<IControlInfo | undefined>;
+    /**
+     * Ускорение видео х2.
+     */
+    doubleForwardOn$: Writable<boolean>;
+    /**
+     * Определяет, что двойное ускорение видео доступно.
+     */
+    doubleForwardAvailable$: Readable<false>;
 }
 export interface IWebApi {
     pictureInPictureApi?: IPictureInPictureApi;
@@ -140,6 +147,7 @@ export interface IWebApi {
 export interface IStore {
     initVideo: (config: IConfig & {
         subtitles?: Omit<IExternalTextTrack, 'type'>[];
+        subtitlesForcedLanguage?: string;
     }) => void;
     videoId?: number;
     isClip: boolean;
@@ -293,6 +301,7 @@ export interface IStore {
             nextVideoAnnouncementAuto: () => void;
             nextVideoAnnouncementCancel: () => void;
             checkFullscreenSupport: () => boolean;
+            changeDoubleForwardOn: (enabled: boolean) => void;
         };
         external: {
             firstStart: (showAds: boolean) => void;
@@ -323,6 +332,7 @@ export interface IStore {
             setQuality: (quality: VideoQualityUI) => void;
             setTrafficSavingEnabled: (trafficSavingEnabled: boolean) => void;
             setHighQualityEnabled: (highQualityEnabled: boolean) => void;
+            changeAudioStream: (id: string) => void;
         };
     };
     callbacks?: IVKVideoPlayerCallbacks;
@@ -361,6 +371,11 @@ interface IStoreParams {
     additionalContextMenuItems: AdditionalContextMenuItem[];
     playPrevVideo: () => void;
     playNextVideo: () => void;
+    /**
+     * playPrevVideo или playNextVideo могут не вызваться, если обработка следующего видео находится на стороне интегарции,
+     * поэтому используем данный колбэк.
+     */
+    onVideoChanged: (prev: boolean) => void;
     looped?: boolean;
     statistics?: UIOneStat;
     saveRate: boolean;
@@ -372,5 +387,5 @@ interface IStoreParams {
  * 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, looped, statistics: uiStatistics, saveRate, internalsExposure, playerView, playerId, }: 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, }: IStoreParams) => IStore;
 export {};

package/types/store/utils.d.ts

@@ -12,7 +12,7 @@ export declare const getMicroStores: () => IMicroStores;
  */
 export declare const storeFromObservable: <T>(observable$: IValueObservable<T>, onNewValueEmitted?: (value: T) => void) => Readable<T>;
 export declare const storeFromObservableWithInitValue: <T>(observable$: IObservable<T>, initValue: T, onNewValueEmitted?: (value: T) => void) => Readable<T>;
-export declare const constructDebugTextData: (player: IPlayer, config: IConfig, store: IStore, traceId: string) => string;
+export declare const constructDebugTextData: (player: IPlayer, config: IConfig | undefined, store: IStore, traceId: string) => string;
 export type DebugData = {
     version: string;
     viewport: string;

package/types/translation/types.d.ts

@@ -1,5 +1,5 @@
 import { InterfaceLanguage } from '@vkontakte/videoplayer-shared';
-export type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_pip_close' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_video_loop_on' | 'menu_video_loop_off' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'menu_copy_embed_code' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'submenu_audio_languages' | 'auto_quality_option' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | '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_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_sound_unavailable' | '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_interactive_interaction_time_indicator' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'tooltip_autoplay_off' | 'tooltip_autoplay_on' | 'tooltip_context_menu_open' | 'tooltip_context_menu_close' | '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_context_menu_description' | 'hotkey_map_item_show_context_menu_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' | 'hotkey_map_item_next_video_description' | 'hotkey_map_item_next_video_value' | 'hotkey_map_item_prev_video_description' | 'hotkey_map_item_prev_video_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_live_recover_title' | 'waiting_record_title' | 'aria_label_submenu_traffic_saving' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_menu_rate' | 'aria_label_menu_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'aria_label_settings' | 'aria_label_autoplay' | 'menu_audio_languages' | 'audio_stream_display_language_label' | 'audio_stream_display_language_label_index' | 'audio_stream_display_label_index' | 'audio_stream_display_language_index' | 'audio_stream_display_unknown' | 'end_screen_next_video' | 'end_screen_recommended_video' | 'other_quality' | 'high_quality' | 'high_quality_description' | 'auto_quality_limit' | 'traffic_saving_quality' | 'traffic_saving_quality_description' | 'quality_applience' | 'quality_applience_action' | 'default_quality_for_any_video' | 'slow_video_notification_button' | 'slow_video_notification_force_description' | 'slow_video_notification_suggest_description';
+export type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_pip_close' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_video_loop_on' | 'menu_video_loop_off' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'menu_copy_embed_code' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'submenu_audio_languages' | 'auto_quality_option' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | '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_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_sound_unavailable' | '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_interactive_interaction_time_indicator' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'tooltip_autoplay_off' | 'tooltip_autoplay_on' | 'tooltip_context_menu_open' | 'tooltip_context_menu_close' | '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_context_menu_description' | 'hotkey_map_item_show_context_menu_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' | 'hotkey_map_item_next_video_description' | 'hotkey_map_item_next_video_value' | 'hotkey_map_item_prev_video_description' | 'hotkey_map_item_prev_video_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_live_recover_title' | 'waiting_record_title' | 'aria_label_submenu_traffic_saving' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_menu_rate' | 'aria_label_menu_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'aria_label_settings' | 'aria_label_autoplay' | 'menu_audio_languages' | 'audio_stream_display_language_label' | 'audio_stream_display_language_label_index' | 'audio_stream_display_label_index' | 'audio_stream_display_language_index' | 'audio_stream_display_unknown' | 'end_screen_next_video' | 'end_screen_recommended_video' | 'other_quality' | 'high_quality' | 'high_quality_description' | 'auto_quality_limit' | 'traffic_saving_quality' | 'traffic_saving_quality_description' | 'quality_applience' | 'quality_applience_action' | 'default_quality_for_any_video' | 'slow_video_notification_button' | 'slow_video_notification_force_description' | 'slow_video_notification_suggest_description' | 'double_forward_label';
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
     language: string;

package/types/types/index.d.ts

@@ -1,4 +1,4 @@
-import type { VideoQuality, VideoFormat, ISources, IExternalTextTrack } from '@vkontakte/videoplayer-core';
+import type { VideoQuality, VideoFormat, ISources, IExternalTextTrack, IAudioStream } from '@vkontakte/videoplayer-core';
 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';
@@ -36,6 +36,8 @@ export interface IVKVideoPlayerCallbacks {
     onSubtitleOff?: () => void;
     onSubtitleOn?: (lang: string, id: string) => void;
     onAvailableSubtitlesChanged?: (subtitles: AvailableVideoSubtitle[]) => void;
+    onAvailableAudioStreamsChanged?: (audioStreams: AvailableAudioStream[]) => void;
+    onAudioStreamChanged?: (id: string) => void;
     onAudioDisabledHint?: () => void;
     onAudioDoesNotExistHint?: () => void;
     onEpisodeClicked?: (byKeyboard: boolean) => void;
@@ -188,7 +190,7 @@ export interface ITimelinePreviewThumbsData {
     isUV: boolean;
     links: string[];
 }
-export type VideoLiveStatus = 'started' | 'upcoming' | 'waiting' | 'finished' | 'postlive' | 'failed';
+export type VideoLiveStatus = 'no_video' | 'deleted' | 'waiting' | 'started' | 'finished' | 'upcoming' | 'failed' | 'postlive';
 export interface IVideoLive {
     status: VideoLiveStatus;
     startTime?: number;
@@ -206,6 +208,7 @@ export interface IVideoDataBase {
     previewThumbsData?: ITimelinePreviewThumbsData;
     isClip?: boolean;
     subtitles?: Array<Omit<IExternalTextTrack, 'type'>>;
+    subtitlesForcedLanguage?: string;
     sources?: ISources;
     live?: IVideoLive;
 }
@@ -257,6 +260,7 @@ export interface IVKVideoPlayerConfig {
     preload?: boolean;
     autoplay?: boolean;
     repeat?: boolean;
+    loop?: boolean;
     volume?: number;
     muted?: boolean;
     fromTime?: number;
@@ -265,6 +269,7 @@ export interface IVKVideoPlayerConfig {
     showAds?: boolean;
     adsSlotId?: number;
     adsParams?: AdsParams;
+    /** @deprecated */
     adsPreviewParam?: number;
     adsAutoplayParam?: boolean;
     interfaceLanguage?: InterfaceLanguage | string;
@@ -485,6 +490,7 @@ export type AvailableVideoSubtitle = {
     language: string;
     title: string;
 };
+export type AvailableAudioStream = Required<Pick<IAudioStream, 'id' | 'language' | 'label'>>;
 export type VideoSubtitle = {
     value: string;
     displayValue: string;

package/types/utils/fullscreen.d.ts

@@ -14,14 +14,9 @@ interface DocumentElementWithFullscreen extends HTMLElement {
     mozRequestFullScreen?: () => Promise<void>;
     webkitRequestFullscreen?: () => Promise<void>;
 }
-interface IosSafariVideoElementWithFullscreen extends HTMLVideoElement {
-    webkitSupportsFullscreen?: boolean;
-    webkitEnterFullscreen?: () => void;
-    webkitExitFullscreen?: () => void;
-}
 export declare const requestFullscreen: (element: DocumentElementWithFullscreen) => Promise<void>;
 export declare const exitFullscreen: (doc: DocumentWithFullscreen) => Promise<void>;
-export declare const isSupported: (doc: DocumentWithFullscreen, videoElement: IosSafariVideoElementWithFullscreen | null) => boolean;
+export declare const isSupported: (doc: DocumentWithFullscreen, isIOS?: boolean) => boolean;
 export declare const exitIosSafariVideoElementFullscreen: (videoElement: HTMLVideoElement) => void;
 export declare const getDocumentFullscreenElement: () => Element | undefined;
 export declare const checkIsFullscreen: () => boolean;