@vkontakte/videoplayer 1.1.38-dev.fb79366f.0 → 1.1.39-dev.001aa027.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.38-dev.fb79366f.0",
+  "version": "1.1.39-dev.001aa027.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.105-dev.8ee45bd1.0",
-    "@vkontakte/videoplayer-interactive": "1.0.13-dev.9c3f69e2.0",
-    "@vkontakte/videoplayer-shared": "1.0.37-dev.511f8223.0",
-    "@vkontakte/videoplayer-statistics": "1.0.51-dev.3f45fe25.0"
+    "@vkontakte/videoplayer-core": "2.0.106-dev.a3723727.0",
+    "@vkontakte/videoplayer-interactive": "1.0.14-dev.e025b924.0",
+    "@vkontakte/videoplayer-shared": "^1.0.37",
+    "@vkontakte/videoplayer-statistics": "1.0.52-dev.a5f6699f.0"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -15,7 +15,6 @@ export declare class VKVideoPlayer extends HTMLElement {
     private _shadowRoot;
     private playerContainer;
     private rootContainer;
-    private shadowRootContainer;
     private uiConfig;
     private coreConfig;
     private statisticsConfig;
@@ -82,7 +81,6 @@ export declare class VKVideoPlayer extends HTMLElement {
     setLiveEnd(videoData: IVideoData): void;
     getDeviceId(): string | undefined;
     replayInteractiveVideo(): void;
-    replayInteractiveChapter(callback?: () => void): Promise<void>;
     showInteractiveIndicatorTooltip(newValue: boolean, useTimeout?: boolean): void;
     switchToActiveLive(): void;
 }

package/types/config.d.ts

@@ -98,6 +98,7 @@ export interface IUIConfig {
         saveDebugInfoToFile: boolean;
         additionalButtons: boolean;
         contextMenuButton: boolean;
+        audioLanguages: boolean;
         saveRate: boolean;
     };
     interactive: {

package/types/store/index.d.ts

@@ -1,4 +1,4 @@
-import type { IConfig, IExternalTextTrack, IOptionalTuningConfig, IPlayer, ISources, PlaybackRate } from '@vkontakte/videoplayer-core';
+import type { IConfig, IExternalTextTrack, IOptionalTuningConfig, IPlayer, ISources, PlaybackRate, IAudioStream, IVideoStream } from '@vkontakte/videoplayer-core';
 import { ChromecastState, PlaybackState, VideoFormat } from '@vkontakte/videoplayer-core';
 import { type ICurrentBrowserInfo, type IError, type ILogger, type IRectangle, type IValueObservable, type QualityLimits } from '@vkontakte/videoplayer-shared';
 import { InterfaceLanguage, VideoQuality } from '@vkontakte/videoplayer-shared';
@@ -124,6 +124,10 @@ export interface IStore {
         volume$: Readable<number>;
         muted$: Readable<boolean>;
         trafficSavingEnabled$: Readable<boolean>;
+        availableVideoStreams$: Readable<IVideoStream[]>;
+        availableAudioStreams$: Readable<IAudioStream[]>;
+        videoStream$: Readable<IVideoStream | undefined>;
+        audioStream$: Readable<IAudioStream | undefined>;
         currentQuality$: Readable<VideoQuality | undefined>;
         autoQualityLimitingAvailable$: Readable<boolean>;
         isAutoQualityEnabled$: Readable<boolean | undefined>;
@@ -177,6 +181,8 @@ export interface IStore {
             closeSettingsMenu: (wasOpenedByKey?: boolean) => void;
             setTrafficSavingEnabled: (trafficSavingEnabled: boolean) => void;
             setVolume: (volume: number, preferredVolume?: number) => void;
+            setAudioStream: (stream: IAudioStream) => void;
+            setVideoStream: (stream: IVideoStream) => void;
             setQuality: (quality: VideoQualityUI) => void;
             setPlaybackRate: (playbackRate: PlaybackRate) => void;
             incrementPlaybackRate: () => void;

package/types/store/utils.d.ts

@@ -25,6 +25,11 @@ export type DebugData = {
     bitrate?: number;
     currentVideoSegmentLength?: number;
     currentAudioSegmentLength?: number;
+    vsid?: string;
+    videoCodec?: string;
+    audioCodec?: string;
+    hdr?: boolean;
+    audioLanguage?: string;
 };
 export declare const constructDebugPanelData: (player: IPlayer, config: IConfig, store: IStore) => DebugData;
 export declare const fetchVideoFile: (url: string, filename: string) => void;

package/types/translation/labels.d.ts

@@ -0,0 +1,2 @@
+import type { IAudioStream } from '@vkontakte/videoplayer-core';
+export declare const getAudioStreamDisplayLabel: (stream: IAudioStream | undefined, allStreams: IAudioStream[]) => 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_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' | '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_interactive_interaction_time_indicator' | '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_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' | '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_menu_rate' | 'aria_label_menu_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_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu_open' | 'aria_label_context_menu_close' | 'aria_label_video_player' | 'aria_label_spherical_control';
+export 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_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' | '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_interactive_interaction_time_indicator' | '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_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' | '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_menu_rate' | 'aria_label_menu_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_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu_open' | 'aria_label_context_menu_close' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | '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';
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
     language: string;

package/types/types/index.d.ts

@@ -43,6 +43,7 @@ export interface IVKVideoPlayerCallbacks {
     onOpenHotKeyMap?: (mapData: HotKeyMapData) => void;
     onCurrentQualityChanged?: (currentQuality: VideoQuality | undefined) => void;
     onAvailableQualitiesChanged?: (availableQualities: VideoQuality[]) => void;
+    onAudioLanguagesAvailable?: () => void;
     onPiPEnter?: () => void;
     onPiPExit?: () => void;
     onLiveTime?: (liveTime: number | undefined) => void;
@@ -53,13 +54,13 @@ export interface IVKVideoPlayerCallbacks {
     onDisabledSeekToInteractiveClick?: (message: string | undefined) => void;
     onInteractiveTimeIndicatorClick?: () => void;
     onInteractiveTimeIndicatorHintDeactivated?: () => void;
-    onExternalFullscreenExit?: () => void;
     onPrevVideoClick?: () => boolean;
     onNextVideoClick?: () => boolean;
     onTrafficSavingEnabledChanged?: (isEnabled: boolean) => void;
     onCurrentPlaybackRateChanged?: (rate: number) => void;
     onStalledChanged?: (isStalled: boolean) => void;
     onLogoClicked?: () => void;
+    onCopyEmbedCodeClicked?: () => string;
     uiInfo?: {
         onControlsVisibleChanged?: (value?: boolean) => void;
         onIsMobileChanged?: (value?: boolean) => void;

package/types/utils/fullscreen.d.ts

@@ -14,7 +14,6 @@ interface DocumentElementWithFullscreen extends HTMLElement {
 export declare const requestFullscreen: (element: DocumentElementWithFullscreen) => Promise<void>;
 export declare const exitFullscreen: (doc: DocumentWithFullscreen) => Promise<void>;
 export declare const exitIosSafariVideoElementFullscreen: (videoElement: HTMLVideoElement) => Promise<void>;
-export declare const getDocumentFullscreenElement: () => Element | undefined;
 export declare const checkIsFullscreen: () => boolean;
 export declare const registerFullscreenChangeEvent: (callback: () => void) => void;
 export declare const removeFullscreenChangeEvent: (callback: () => void) => void;

package/types/utils/subtitleLanguages.d.ts

@@ -1 +1,2 @@
 export declare const subtitleLanguages: Record<string, string>;
+export declare const iso3LettersTo2: Record<string, keyof typeof subtitleLanguages>;

package/types/utils/userSettings.d.ts

@@ -9,5 +9,7 @@ export declare const savePreferMute: (preferMute: boolean) => void;
 export declare const getPreferMute: () => boolean;
 export declare const savePreferTrafficSavingEnabled: (trafficSavingEnabled: boolean) => void;
 export declare const getPreferTrafficSavingEnabled: () => boolean;
+export declare const getPreferredStreamLanguage: () => string | undefined;
+export declare const savePreferredStreamLanguage: (language: string) => void;
 export declare const savePreferredRate: (rate: PlaybackRate) => void;
 export declare const getPreferredRate: () => PlaybackRate | undefined;