@vkontakte/videoplayer 1.1.56-dev.d9cc5791.0 → 1.1.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.56-dev.d9cc5791.0",
+  "version": "1.1.56",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -50,9 +50,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "^2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.126-dev.2bdf3b93.0",
-    "@vkontakte/videoplayer-interactive": "1.0.31-dev.df8a8fea.0",
-    "@vkontakte/videoplayer-shared": "1.0.54-dev.ba2dd100.0",
-    "@vkontakte/videoplayer-statistics": "1.0.71-dev.d6872101.0"
+    "@vkontakte/videoplayer-core": "^2.0.126",
+    "@vkontakte/videoplayer-interactive": "^1.0.31",
+    "@vkontakte/videoplayer-shared": "^1.0.54",
+    "@vkontakte/videoplayer-statistics": "^1.0.71"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -6,7 +6,7 @@ import { InterfaceLanguage } from '@vkontakte/videoplayer-shared';
 import { type PlaybackRate } from '@vkontakte/videoplayer-core';
 import type { IStatContext } from '@vkontakte/videoplayer-statistics';
 import { AnnotationsApi } from '../utils/webAPI/annotationsApi/annotationsApi';
-import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/types';
+import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/subMenuTabs/types';
 import type { AdditionalButton } from '../components/Controls/types';
 export declare class VKVideoPlayer extends HTMLElement {
     private svelteStubComponent?;
@@ -60,6 +60,11 @@ export declare class VKVideoPlayer extends HTMLElement {
     private initInteractives;
     initPlayer(videoConfig: IVKVideoPlayerConfig, sdkConfig?: Partial<ISDKConfig>): void;
     private isOneVideoPlaylist;
+    private updateVideos;
+    /**
+     * Обновление плейлиста. Будут перезаписаны все видео до текущего
+     */
+    updatePrevVideos(videos: IVideoData[]): void;
     /**
      * Обновление плейлиста. Будут перезаписаны все видео после текущего
      */

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

@@ -2,7 +2,7 @@ import type { Writable, Readable } from 'svelte/store';
 import type { AdsTimeRemained } from '../../types';
 import { AdsSection } from '../../types';
 import type { AdsParams } from '../../types';
-import type { ILogger, Milliseconds } from '@vkontakte/videoplayer-shared';
+import { type ILogger, type Milliseconds } from '@vkontakte/videoplayer-shared';
 import { Subject } from '@vkontakte/videoplayer-shared';
 import type { IAdsState } from '../../store';
 type ExternalActions = {
@@ -32,10 +32,12 @@ interface IConfig {
     initTimeout: Milliseconds;
     runtimeTimeout: Milliseconds;
     useAdmanFromNPM: boolean;
+    volumeMultiplier: number;
 }
 export declare class AdmanWrapper {
     private adman;
     private initialVolume;
+    private readonly volumeMultiplier;
     private videoElement;
     private currentAdSection;
     private actions;

package/types/components/Menus/constants/subMenuIds.d.ts

@@ -1,6 +1,7 @@
 export declare enum SubMenuIds {
     QUALITY = "quality-sub",
     QUALITY_DETAIL = "quality-detail-sub",
+    DEFAULT_QUALITY_APPLIENCE = "default_quality_applies_to_sub",
     AUDIO_LANGUAGES = "audio-language-sub",
     PLAYBACK_RATE = "playback-rate-sub",
     SUBTITLES = "subtitles-sub"

package/types/components/Menus/subMenuTabs/rootMenuItems.d.ts

@@ -0,0 +1,35 @@
+import { RootMenuId, type SettingsMenuItem } from './types';
+import { type VideoPlaybackRate, type VideoSubtitle } from '../../../types';
+import type { IAudioStream, PlaybackRate, VideoQuality } from '@vkontakte/videoplayer-core';
+import type { QualitySettingsAppliesTo } from '../../../utils/userSettings';
+export type Context = {
+    currentPlaybackRate: number;
+    availablePlaybackRates: VideoPlaybackRate[];
+    selectPlaybackRate: (playbackRate: PlaybackRate) => void;
+    trafficSavingEnabled: boolean;
+    toggleTrafficSaving: (value: boolean, appliesTo: QualitySettingsAppliesTo) => void;
+    currentQuality: VideoQuality;
+    isAutoQualityEnabled: boolean;
+    isMobile: boolean;
+    currentAudioStream: IAudioStream | undefined;
+    availableAudioStreams: IAudioStream[];
+    qualityDetailsSubMenuEnabled: boolean;
+    currentSubtitle: Omit<VideoSubtitle, 'selected'>;
+    onDownloadClick: () => void;
+    onReportProblemClick: () => void;
+    onCopyDataClick: () => void;
+    onSaveTraceDataClick: () => void;
+    toggleShowDebugInfo: () => void;
+    debugPanelVisible: boolean;
+};
+/**
+ * Мапа элементов меню, которые показываются на первом уровне.
+ */
+export declare const RootMenuItemMap: Record<RootMenuId, (context: Context) => SettingsMenuItem>;
+type Params = {
+    items: RootMenuId[];
+    context: Context;
+    additionalSettingsMenuItems: SettingsMenuItem[];
+};
+export declare const getRootMenuItems: ({ items, context, additionalSettingsMenuItems }: Params) => SettingsMenuItem[];
+export {};

package/types/components/Menus/subMenuTabs/sharedMenuItems.d.ts

@@ -0,0 +1,17 @@
+import { type Context, type SubMenuItem } from './types';
+import type { QualitySettingsAppliesTo } from 'packages/ui/src/utils/userSettings';
+export type QualityHandler = (params: {
+    labelWithQuality: boolean;
+    appliesTo: QualitySettingsAppliesTo;
+    selected: boolean;
+}, context: Context) => SubMenuItem;
+type DefaultHandler = (context: Context) => SubMenuItem;
+/**
+ * В данном файле определяем элементы меню, которые могут использоваться в разных подменю.
+ */
+export declare const getMenuItemForAnotherQuality: DefaultHandler;
+export declare const getMenuItemForAutoQuality: QualityHandler;
+export declare const getMenuItemForQualityApplience: DefaultHandler;
+export declare const getMenuItemForHighQuality: QualityHandler;
+export declare const getMenuItemForTrafficSaving: QualityHandler;
+export {};

package/types/components/Menus/subMenuTabs/subMenuItems.d.ts

@@ -0,0 +1,13 @@
+import { SubMenuId, type Context } from './types';
+type Params = {
+    subMenuId: SubMenuId | null;
+    context: Context;
+};
+export declare const getSubMenuData: ({ subMenuId, context }: Params) => {
+    title: string;
+    closeSettingsMenu?: () => void;
+    items: import("./types").SubMenuItem[];
+    id: SubMenuId;
+    minWidth?: number;
+}[];
+export {};

package/types/components/Menus/subMenuTabs/types.d.ts

@@ -0,0 +1,145 @@
+import type { UIType, VideoPlaybackRate, VideoQualityForRender, VideoQualityUI, VideoSubtitle } from '../../../types';
+import type { IAudioStream, PlaybackRate, VideoQuality } from '@vkontakte/videoplayer-core';
+import type { QualitySettingsAppliesTo } from '../../../utils/userSettings';
+import type { TmpComponentType } from 'packages/ui/src/types/tmp';
+export declare enum SharedSubMenuItemId {
+    QUALITY_OTHER = "QUALITY_OTHER",
+    QUALITY_AUTO = "QUALITY_AUTO",
+    QUALITY_APPLIENCE = "QUALITY_APPLIENCE",
+    QUALITY_HIGH = "QUALITY_HIGH",
+    QUALITY_TRAFFIC_SAVING = "QUALITY_TRAFFIC_SAVING"
+}
+export declare enum SubMenuId {
+    PLAYBACK_RATE_SUB_MENU = "PLAYBACK_RATE_SUB_MENU",
+    QUALITY_DETAILS = "QUALITY_DETAILS",
+    QUALITY = "QUALITY",
+    QUALITY_APPLIENCE = "QUALITY_APPLIENCE",
+    AUDIO_LANGUAGES = "AUDIO_LANGUAGES",
+    SUBTITLES = "SUBTITLES"
+}
+export declare enum RootMenuId {
+    QUALITY_SETTINGS = "QUALITY_SETTINGS",
+    TRAFFIC_SAVING_SWITCH = "TRAFFIC_SAVING_SWITCH",
+    AUDIO_LANGUAGES = "AUDIO_LANGUAGES",
+    PLAYBACK_RATE = "PLAYBACK_RATE",
+    SUBTITLES = "SUBTITLES",
+    DOWNLOAD = "DOWNLOAD",
+    SHOW_SUPPORT = "SHOW_SUPPORT",
+    COPY_DATA = "COPY_DATA",
+    SAVE_TRACE_INFO = "SAVE_TRACE_INFO",
+    DEBUG_INFO = "DEBUG_INFO"
+}
+export type Context = {
+    closeSettingsMenu: () => void;
+    isMobile: boolean;
+    /**
+     * Скорость.
+     */
+    availablePlaybackRates: VideoPlaybackRate[];
+    selectPlaybackRate: (playbackRate: PlaybackRate) => void;
+    /**
+     * Качество.
+     */
+    selectQuality: (quality: VideoQualityUI, appliesTo: QualitySettingsAppliesTo) => void;
+    isAutoQualityEnabled: boolean;
+    isAutoQualityAvailable: boolean;
+    highQualityEnabled: boolean;
+    toggleHighQuality: (value: boolean, appliesTo: QualitySettingsAppliesTo) => void;
+    trafficSavingEnabled: boolean;
+    toggleTrafficSaving: (value: boolean, appliesTo: QualitySettingsAppliesTo) => void;
+    currentQuality: VideoQuality;
+    availableQualities: VideoQualityForRender[];
+    /**
+     * Звуковые дорожки.
+     */
+    availableAudioStreams: IAudioStream[];
+    selectAudioLanguage: (stream: IAudioStream) => void;
+    currentAudioStream: IAudioStream | undefined;
+    /**
+     * Субтитры
+     */
+    availableSubtitlesList: VideoSubtitle[];
+    selectSubtitle: (subtitle: VideoSubtitle) => void;
+};
+export type SubMenuData = (context: Context) => {
+    title: string;
+    closeSettingsMenu?: () => void;
+    items: SubMenuItem[];
+    id: SubMenuId;
+    minWidth?: number;
+};
+export type SubMenuItem = SubMenuItemOpenSubMenu | SubMenuItemSelect;
+type BaseSubMenuItem<U = any> = {
+    selected?: boolean;
+    valueComponent?: TmpComponentType;
+    valueComponentParams?: {
+        [key: string]: U;
+    };
+    bottomBordered?: boolean;
+    label?: string;
+    sublabel?: string;
+    ariaLabel?: string;
+};
+export type SubMenuItemOpenSubMenu = {
+    type: SubMenuItemType.OPEN_SUB_MENU;
+    children: SubMenuId;
+    id: SharedSubMenuItemId;
+} & BaseSubMenuItem;
+export type SubMenuItemSelect<T = any> = {
+    type: SubMenuItemType.SELECT_VALUE;
+    value: T;
+    selectItem: (value: T) => void;
+} & BaseSubMenuItem;
+interface BaseMenuItem<Id> {
+    id: Id;
+    weight: number;
+    ariaLabel?: string;
+    label: string;
+}
+interface BaseSettingsMenuItem extends BaseMenuItem<RootMenuId> {
+    icon: TmpComponentType;
+    isHiddenFor?: UIType[];
+}
+export declare enum MenuItemType {
+    OPEN_SUB_MENU = "OPEN_SUB_MENU",
+    CLICK = "CLICK",
+    SWITCH = "SWITCH"
+}
+export declare enum SubMenuItemType {
+    OPEN_SUB_MENU = "OPEN_SUB_MENU",
+    SELECT_VALUE = "SELECT_VALUE"
+}
+export interface OpenSubMenuSettingsMenuItem extends BaseSettingsMenuItem {
+    type: MenuItemType.OPEN_SUB_MENU;
+    value: string;
+    valueComponent?: TmpComponentType;
+    children: SubMenuId;
+}
+export interface ClickSettingsMenuItem extends BaseSettingsMenuItem {
+    type: MenuItemType.CLICK;
+    onClick: () => void;
+}
+export interface SwitchSettingsMenuItem extends BaseSettingsMenuItem {
+    type: MenuItemType.SWITCH;
+    onClick: (enabled: boolean) => void;
+    enabled: boolean;
+    tooltipText?: string;
+    maxTooltipWidth?: number;
+}
+export type AdditionalSwitchSettingsMenuItem = Omit<SwitchSettingsMenuItem, 'icon' | 'onClick'> & {
+    icon: string;
+    onChangeEnabled: (enabled: boolean) => void;
+};
+export type AdditionalClickSettingsMenuItem = Omit<SwitchSettingsMenuItem, 'icon'> & {
+    icon: string;
+};
+export type SettingsMenuItem = OpenSubMenuSettingsMenuItem | ClickSettingsMenuItem | SwitchSettingsMenuItem;
+export type AdditionalSettingsMenuItem = AdditionalSwitchSettingsMenuItem | AdditionalClickSettingsMenuItem;
+export interface ContextMenuItem extends BaseMenuItem<string> {
+    onClick: () => void;
+}
+export type AdditionalContextMenuItem = ContextMenuItem;
+export type MenuRefs = {
+    [key: string]: HTMLUListElement;
+};
+export {};

package/types/components/Menus/subMenuTabs/utils.d.ts

@@ -0,0 +1,3 @@
+import { type QualitySettingsAppliesTo } from '../../../utils/userSettings';
+export declare const getEnrichWithQualityAppliesTo: (appliesTo: QualitySettingsAppliesTo) => <T>(fn: (value: T, appliesTo: QualitySettingsAppliesTo) => void) => (value: T) => void;
+export declare function isDefined<T>(x: T | undefined): x is T;

package/types/components/Menus/types.d.ts

@@ -47,40 +47,47 @@ export type AdditionalClickSettingsMenuItem = Omit<SwitchSettingsMenuItem, 'icon
 };
 export type SettingsMenuItem = OpenSubMenuSettingsMenuItem | ClickSettingsMenuItem | SwitchSettingsMenuItem;
 export type AdditionalSettingsMenuItem = AdditionalSwitchSettingsMenuItem | AdditionalClickSettingsMenuItem;
-export interface SelectValueSubMenuItem<T = any, U = any> {
-    type: SubMenuItemType.SELECT_VALUE;
-    value: T;
-    dataValue?: T | keyof T;
-    valueComponent?: any;
+interface SubMenuItemBase<U = any> {
+    selected?: boolean;
+    valueComponent?: TmpComponentType;
     valueComponentParams?: {
         [key: string]: U;
     };
-    ariaLabel?: string;
+    bottomBordered?: boolean;
     label?: string;
-    selected?: boolean;
+    sublabel?: string;
+    ariaLabel?: string;
+    onClick?: () => void;
+}
+export interface SelectValueSubMenuItem<T = any, U = any> extends SubMenuItemBase<U> {
+    type: SubMenuItemType.SELECT_VALUE;
+    value: T;
+    dataValue?: T | keyof T;
     selectItem: (value: T) => void;
 }
-export interface OpenSubMenuSubMenuItem {
+export interface OpenSubMenuSubMenuItem extends SubMenuItemBase {
     type: SubMenuItemType.OPEN_SUB_MENU;
-    ariaLabel?: string;
-    label: string;
     id: string;
     subMenuId: SubMenuIds;
-    getSubItemForFocus: () => HTMLLIElement;
+    getSubItemForFocus?: () => HTMLLIElement;
 }
 export type SubMenuItem = SelectValueSubMenuItem | OpenSubMenuSubMenuItem;
 export interface SubMenuList {
     id: SubMenuIds;
-    parentItemId: string;
+    parentItemId?: string;
     items: SubMenuItem[];
     returnFromSubMenu?: () => void;
     ariaLabelReturnFromSubMenu?: string;
     title: string;
     closeSettingsMenu: () => void;
     minWidth?: number;
+    onMount?: () => void;
 }
 export interface ContextMenuItem extends BaseMenuItem {
     onClick: () => void;
 }
 export type AdditionalContextMenuItem = ContextMenuItem;
+export type MenuRefs = {
+    [key: string]: HTMLUListElement;
+};
 export {};

package/types/components/Menus/utils/getCurrentQualityDisplayValue.d.ts

@@ -1,3 +1,21 @@
 import { VideoQuality } from '@vkontakte/videoplayer-core';
-import type { VideoQualityForRender } from '../../../types';
-export declare const getCurrentQualityDisplayValue: (currentQuality: VideoQuality | undefined, availableQualities: VideoQualityForRender[], isAutoQualityEnabled: boolean | undefined) => string;
+import { type VideoQualityForRender } from '../../../types';
+type Params = {
+    quality: VideoQuality;
+    availableQualities: VideoQualityForRender[];
+};
+export declare const getQualityDisplayValue: ({ quality, availableQualities }: Params) => string;
+type CurrentQualityParams = {
+    isAutoQualityEnabled: boolean | undefined;
+    quality: VideoQuality | undefined;
+    availableQualities: VideoQualityForRender[];
+};
+export declare const getCurrentQualityDisplayValue: ({ quality, availableQualities, isAutoQualityEnabled, }: CurrentQualityParams) => string;
+type QualityWithPrefixParams = {
+    quality: VideoQuality | undefined;
+    availableQualities: VideoQualityForRender[];
+    prefix: string;
+    onlyPrefix: boolean;
+};
+export declare const getQualityWithPrefix: ({ quality, availableQualities, prefix, onlyPrefix }: QualityWithPrefixParams) => string;
+export {};

package/types/components/Menus/utils/getSubMenusStack.svelte.d.ts

@@ -0,0 +1,10 @@
+import { SubMenuId } from '../subMenuTabs/types';
+/**
+ * Представляем цепочку открытия подменюшек стеком, таким образом можем открывать хоть сколько.
+ */
+export declare const getSubMenusStack: () => {
+    readonly current: SubMenuId | null;
+    pushSubMenu: (subMenuId: SubMenuId) => void;
+    popSubMenu: () => void;
+    popAllSubMenus: () => void;
+};

package/types/components/Menus/utils/menuNavigation.d.ts

@@ -11,11 +11,8 @@ export declare const returnFocusToMenuItem: (refMenuItems: {
     [key: string]: HTMLLIElement;
 }, id: string) => Promise<void>;
 export declare const handleKeyDownMainMenu: (event: KeyboardEvent, closeCallback: () => void) => void;
-export declare const handleKeyDownOpenSubMenuItem: (event: KeyboardEvent, openSubmenuFn: () => void, getSubItemFn: () => HTMLLIElement) => Promise<void>;
-export declare const handleKeyDownSubMenu: (event: KeyboardEvent, returnFromSubMenu: () => void, { itemIdReturnCase, id }: {
-    itemIdReturnCase: Writable<string | undefined>;
-    id: string;
-}, closeSettingsMenuFn: () => void) => Promise<void>;
+export declare const handleKeyDownOpenSubMenuItem: (event: KeyboardEvent, openSubmenuFn: () => void) => Promise<void>;
+export declare const handleKeyDownSubMenu: (event: KeyboardEvent, returnFromSubMenu: () => void, closeSettingsMenuFn: () => void) => Promise<void>;
 export declare const handleChoseMenuItem: (event: KeyboardEvent, selectFn: () => void) => void;
 export declare const handleSwitchMenuItem: (event: KeyboardEvent, enabled: boolean, selectFn: (value: boolean) => void) => void;
 export declare const getContextMenuPositionByButton: (btnRef: HTMLButtonElement) => Position;

package/types/components/shared/interpolateUtils.d.ts

@@ -0,0 +1,7 @@
+type AllowedHTML = Record<string, boolean>;
+/**
+ * В дальнейшем можно по надобности указывать возможные атрибуты.
+ */
+export declare const DEFAULT_ALLOWED_HTML: AllowedHTML;
+export declare const interpolateMessage: (message?: string, customAllowedHTML?: AllowedHTML) => string | undefined;
+export {};

package/types/config.d.ts

@@ -30,6 +30,7 @@ export interface IUIConfig {
         preview?: number;
         isMobileGoToSiteButton: boolean;
         useAdmanFromNPM: boolean;
+        volumeMultiplier: number;
     };
     volumeDefault: number;
     volumeMinRestore: number;
@@ -38,6 +39,7 @@ export interface IUIConfig {
     minSubtitlesFontSize: number;
     autoSubtitlesTimeout: Milliseconds;
     trafficSavingLimit: ExactVideoQuality;
+    highQualityLimit: ExactVideoQuality;
     episodeMinWidthPc: number;
     controls: {
         showOnStartupAtAutoplay: boolean;
@@ -61,6 +63,7 @@ export interface IUIConfig {
         volumeStepWheel: number;
     };
     hideThumbTimerAfterTouch: boolean;
+    preventPauseOnVideoClick: boolean;
     sentry: {
         dsn: string;
         sampleRate: number;
@@ -118,6 +121,7 @@ export interface IUIConfig {
         exposeInternalsToGlobal: boolean;
         skipInitialPlaybackStateValue: boolean;
         skipInitialPlaybackRateValue: boolean;
+        qualityDetailsSubMenuEnabled: boolean;
     };
     interactive: {
         historyMaxLength: number;

package/types/index.d.ts

@@ -7,7 +7,7 @@ import type { ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek } f
 import type { Milliseconds, QualityLimits } from '@vkontakte/videoplayer-shared';
 export { VERSION } from './env';
 export declare const registerPlayerWebComponent: () => void;
-export { type AdditionalSettingsMenuItem, MenuItemType, type AdditionalClickSettingsMenuItem, type AdditionalSwitchSettingsMenuItem, type AdditionalContextMenuItem, } from './components/Menus/types';
+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, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IVideoEpisode, ISDKConfig, };
 export { GridTypes, };

package/types/store/index.d.ts

@@ -9,11 +9,16 @@ import { AdmanWrapper } from '../components/Ads/admanWrapper';
 import type { Key, LanguageConfig } from '../translation/types';
 import type { AdditionalButtonDeprecated, ControlsKeys, HotKeyMapData, IAnnotationsApi, IControlInfo, IDisabledControls, IInteractiveData, IPictureInPictureApi, IPlayerPhase, ITimelinePreviewThumbsData, IVideoEpisode, IVKVideoPlayerCallbacks, IVKVideoPlayerUICallbacks, Position, VideoPlaybackRate, VideoQualityForRender, VideoQualityUI, VideoSubtitle, VideoSubtitleParsed } from '../types';
 import { AdsPlaybackState } from '../types';
+import { type QualitySettingsAppliesTo } from '../utils/userSettings';
 import type { DebugData } from './utils';
 import { GridTypes, type PlayPrevChapterDisabledTooltipKey } from '../constans';
 import { UIOneStat } from '../services/statistics';
-import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem, ContextMenuItem, SettingsMenuItem } from '../components/Menus/types';
+import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem, ContextMenuItem, SettingsMenuItem } from '../components/Menus/subMenuTabs/types';
 import type { AdditionalButton, AdditionalDesktopControlPanelButton } from '../components/Controls/types';
+type Info = {
+    appliesTo?: QualitySettingsAppliesTo;
+    changeReason?: 'default' | 'limit-changed';
+};
 export interface IAdsState {
     position: Writable<number>;
     duration: Writable<number>;
@@ -58,6 +63,7 @@ export interface IUIState {
         };
     };
     isFullscreen: Writable<boolean>;
+    isFullscreenOpenedByKeyboard: Writable<boolean>;
     rotateAlpha: Writable<number>;
     isAutoplay: Writable<boolean>;
     debugPanelVisible: Writable<boolean>;
@@ -138,6 +144,7 @@ export interface IStore {
         volume$: Readable<number>;
         muted$: Readable<boolean>;
         trafficSavingEnabled$: Readable<boolean>;
+        highQualityEnabled$: Readable<boolean>;
         availableVideoStreams$: Readable<IVideoStream[]>;
         availableAudioStreams$: Readable<IAudioStream[]>;
         videoStream$: Readable<IVideoStream | undefined>;
@@ -180,6 +187,10 @@ export interface IStore {
         playPrevChapterDisabledTooltip: PlayPrevChapterDisabledTooltipKey;
         looped$: Writable<boolean>;
         loadedMetadata$: Writable<boolean>;
+        /**
+         * Определяет, можно ли в целом увидеть/выбрать Авто режим выбора качества.
+         */
+        isAutoQualityAvailable$: Readable<boolean>;
     };
     ui: IUIState;
     ads: IAdsState;
@@ -196,11 +207,12 @@ export interface IStore {
             closeSettingsMenu: (fromSubMenu?: boolean) => void;
             openSettingsSubMenu: (name: string, ref: HTMLElement) => void;
             closeSettingsSubMenu: (ref: HTMLElement, isClosing?: boolean) => void;
-            setTrafficSavingEnabled: (trafficSavingEnabled: boolean) => void;
+            setTrafficSavingEnabled: (trafficSavingEnabled: boolean, appliesTo?: QualitySettingsAppliesTo) => void;
+            setHighQualityEnabled: (highQualityEnabled: boolean, appliesTo?: QualitySettingsAppliesTo) => void;
             setVolume: (volume: number, preferredVolume?: number) => void;
             setAudioStream: (stream: IAudioStream) => void;
             setVideoStream: (stream: IVideoStream) => void;
-            setQuality: (quality: VideoQualityUI) => void;
+            setQuality: (quality: VideoQualityUI, info?: Info) => void;
             setPlaybackRate: (playbackRate: PlaybackRate) => void;
             incrementPlaybackRate: () => void;
             decrementPlaybackRate: () => void;
@@ -286,6 +298,7 @@ export interface IStore {
     setUiCallbacks: (uiCallbacks: IVKVideoPlayerUICallbacks) => void;
     getAdmanWrapper: () => AdmanWrapper;
     getLogger: () => ILogger;
+    getPlayer: () => IPlayer;
     destroy(): void;
 }
 interface IStoreParams {

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' | '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' | '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_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' | 'end_screen_next_video' | 'end_screen_recommended_video';
+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' | 'tooltip_autoplay_off' | 'tooltip_autoplay_on' | '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_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' | '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';
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
     language: string;

package/types/types/index.d.ts

@@ -9,7 +9,7 @@ import { Controls, GridTypes, type SeekToInteractiveDisabledTooltipKey } from '.
 import type { Key } from '../translation/types';
 import type { IUIStatistics } from '../services/statistics';
 import { UISentry } from '../services/sentry';
-import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/types';
+import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/subMenuTabs/types';
 export declare const enum UIType {
     DESKTOP = "desktop",
     MOBILE = "mobile"

package/types/utils/userSettings.d.ts

@@ -15,3 +15,20 @@ export declare const savePreferredRate: (rate: PlaybackRate) => void;
 export declare const getPreferredRate: () => PlaybackRate | undefined;
 export declare const savePreferredAutoplayNext: (autoplayNext: boolean) => void;
 export declare const getPreferredAutoplayNext: () => boolean;
+export type PreferredQualitySettingsType = 'traffic_saving' | 'high_quality' | 'auto_quality' | 'exact_video';
+export type PreferredQualitySettingsValue = {
+    type: Exclude<PreferredQualitySettingsType, 'exact_video'>;
+    videoId?: number;
+} | {
+    type: 'exact_quality';
+    quality: VideoQuality;
+    videoId?: number;
+};
+type DefaultPreferredQualitySettingsValue = Exclude<PreferredQualitySettingsValue, {
+    type: 'exact_quality';
+}>;
+export type QualitySettingsAppliesTo = 'as-default' | 'to-video';
+export declare const getPreferredQualitySettings: (videoId: number | undefined) => (PreferredQualitySettingsValue & {
+    appliesTo: QualitySettingsAppliesTo;
+}) | null, migrateSettingsToLegacyWay: (videoId?: number) => void, savePreferredQualitySettings: (value: PreferredQualitySettingsValue, appliesTo?: QualitySettingsAppliesTo) => void, savePreferredDefaultQualitySettings: (value: DefaultPreferredQualitySettingsValue) => void, removePreferredQualitySettingsByVideo: () => void, getPreferredDefaultQualitySettings: () => DefaultPreferredQualitySettingsValue | null;
+export {};