@vkontakte/videoplayer 1.1.111 → 1.1.112-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.111",
+  "version": "1.1.112-beta.0",
   "author": "vk.ru",
   "description": "Videoplayer based on the vk.ru platform",
   "homepage": "https://vk.ru",
@@ -43,9 +43,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.180",
-    "@vkontakte/videoplayer-interactive": "1.0.86",
-    "@vkontakte/videoplayer-shared": "1.0.109",
-    "@vkontakte/videoplayer-statistics": "1.0.126"
+    "@vkontakte/videoplayer-core": "2.0.181-beta.0",
+    "@vkontakte/videoplayer-interactive": "1.0.87-beta.0",
+    "@vkontakte/videoplayer-shared": "1.0.110-beta.0",
+    "@vkontakte/videoplayer-statistics": "1.0.127-beta.0"
   }
 }

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

@@ -0,0 +1,3 @@
+import type { EnrichedStore } from "../../store";
+import type { ExternalSettingsMenuParams } from "../../types";
+export declare const buildExternalSettingsMenu: (store: EnrichedStore) => ExternalSettingsMenuParams;

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

@@ -11,11 +11,12 @@ type CurrentQualityParams = {
 	availableQualities: VideoQualityForRender[];
 };
 export declare const getCurrentQualityDisplayValue: ({ quality, availableQualities, isAutoQualityEnabled }: CurrentQualityParams) => string;
-type QualityWithPrefixParams = {
+type QualityItemLabelParams = {
 	quality: VideoQuality | undefined;
 	availableQualities: VideoQualityForRender[];
 	prefix: string;
-	onlyPrefix: boolean;
+	selected: boolean;
+	delimiter?: string;
 };
-export declare const getQualityWithPrefix: ({ quality, availableQualities, prefix, onlyPrefix }: QualityWithPrefixParams) => string;
+export declare const getQualityItemLabel: ({ quality, availableQualities, prefix, selected, delimiter }: QualityItemLabelParams) => string;
 export {};

package/types/config.d.ts

@@ -167,6 +167,7 @@ export interface IUIConfig {
 		episodesClustering: boolean;
 		copyVideoLink: boolean;
 		videoRotate: boolean;
+		ambientGlow: boolean;
 		/**
 		* @deprecated Используйте tracerType
 		*/

package/types/index.d.ts

@@ -9,6 +9,7 @@ export declare const registerPlayerWebComponent: () => void;
 export { type AdditionalSettingsMenuItem, MenuItemType, type AdditionalClickSettingsMenuItem, type AdditionalSwitchSettingsMenuItem, type AdditionalContextMenuItem, RootMenuId, SubMenuId, SETTINGS_MENU_ID } from "./components/Menus/subMenuTabs/types";
 export { type AdditionalButton, ControlButtonType } from "./components/Controls/types";
 export type { MobileFullscreenReplacement, MobileFullscreenReplacementFields } from "./services/mobileFullscreenReplacement";
+export type { ExternalSettingsMenuController, ExternalSettingsOpenSubmenuItem, ExternalSettingsActionItem, ExternalSettingsMenuHeader, ExternalSettingsMenuItem, ExternalSettingsMenuParams, ExternalSettingsSubMenu } from "./types/externalSettingsMenu";
 export type { VKVideoPlayer, IVKVideoPlayerConfig, IUpdatableVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IAdsConfig, IVideoEpisode, IDpipConfig, IQoeConfig, IQoeButtonOnlyConfig, IQoePoll, IQoeResult, IQoeQuestion, IQoeCallbacks, QoePollTranslations, ISDKConfig, VideoPlayerView, IAdmanInitParamsExternalApi, VKLogoType };
 export { GridTypes } from "./constans";
 export { PlayerPhase } from "./types";

package/types/store/modules/subtitlesStore/subtitlesStore.store.d.ts

@@ -7,7 +7,6 @@ import type { Readable, Writable } from "svelte/store";
 import type { IPlayer, ITextTrack } from "@vkontakte/videoplayer-core";
 import type { ISubscription, ITracer } from "@vkontakte/videoplayer-shared";
 import type { AppTracer } from "@vkontakte/videoplayer-shared";
-import { Subject } from "@vkontakte/videoplayer-shared";
 import type { VideoSubtitle, VideoSubtitleParsed, AvailableVideoSubtitle } from "../../../types";
 import type { IUIConfig } from "../../../config";
 import type { TSignature } from "../../../translation/types";
@@ -112,15 +111,6 @@ export interface SubtitlesStore {
 	actions: SubtitlesStoreInternalActions;
 	/** Экшены для внешнего использования */
 	externalActions: SubtitlesStoreExternalActions;
-	/** События для статистики */
-	events: {
-		actionSetSubtitle$: Subject<string>;
-		actionSubtitlesSwitched$: Subject<{
-			enabled: boolean;
-			lang: string;
-			auto: boolean;
-		}>;
-	};
 	/** Очистка ресурсов */
 	destroy(): void;
 }

package/types/translation/types.d.ts

@@ -1,5 +1,5 @@
 import type { 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" | "audio_channels_5_1" | "audio_channels_stereo" | "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" | "preview_track_notification_text" | "preview_track_close_tooltip";
+export type Key = "auto_quality_invariant" | "auto_quality" | "menu_quality" | "menu_playback_rate" | "menu_playback_rate_long" | "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_off_long" | "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" | "audio_channels_5_1" | "audio_channels_stereo" | "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" | "preview_track_notification_text" | "preview_track_close_tooltip";
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
 	language: string;

package/types/types/externalSettingsMenu.d.ts

@@ -0,0 +1,57 @@
+import type { PlaybackRate } from "@vkontakte/videoplayer-core";
+import type { VideoQualityUI } from "./index";
+import type { SubMenuId } from "../components/Menus/subMenuTabs/types";
+export interface ExternalSettingsMenuController {
+	setQuality: (quality: VideoQualityUI, asDefault?: boolean) => void;
+	setTrafficSavingEnabled: (asDefault?: boolean) => void;
+	setHighQualityEnabled: (asDefault?: boolean) => void;
+	setAudioStream: (id: string) => void;
+	setPlaybackRate: (rate: PlaybackRate) => void;
+	setSubtitle: (value: string) => void;
+	reportProblem: VoidFunction;
+	copyDebugData: VoidFunction;
+	showDebugInfo: VoidFunction;
+	close: VoidFunction;
+}
+export interface ExternalSettingsOpenSubmenuItem {
+	label: string;
+	selected?: boolean;
+	submenuId: SubMenuId;
+	description?: string;
+}
+type NoArgsKeys = { [K in keyof ExternalSettingsMenuController]: Parameters<ExternalSettingsMenuController[K]> extends [] ? K : never }[keyof ExternalSettingsMenuController];
+type WithArgsKeys = Exclude<keyof ExternalSettingsMenuController, NoArgsKeys>;
+type Base = {
+	description?: string;
+	label: string;
+	selected?: boolean;
+};
+export type ExternalSettingsActionItem = { [K in NoArgsKeys]: Base & {
+	method: K;
+	args?: never;
+} }[NoArgsKeys] | { [K in WithArgsKeys]: Base & {
+	method: K;
+	args: Parameters<ExternalSettingsMenuController[K]>;
+} }[WithArgsKeys];
+export interface ExternalSettingsMenuHeader {
+	text: string;
+	interpolate?: {
+		key: string;
+		action: ExternalSettingsOpenSubmenuItem | ExternalSettingsActionItem;
+	};
+}
+export type ExternalSettingsMenuItem = ExternalSettingsOpenSubmenuItem | ExternalSettingsActionItem;
+export type ExternalSettingsSubMenu = {
+	id: SubMenuId;
+	header?: ExternalSettingsMenuHeader;
+	items: ExternalSettingsMenuItem[];
+	parentId?: SubMenuId;
+};
+export interface ExternalSettingsMenuParams {
+	controller: ExternalSettingsMenuController;
+	items: ExternalSettingsMenuItem[];
+	isFullscreen: boolean;
+	submenus: ExternalSettingsSubMenu[];
+	supportLink: string;
+}
+export {};

package/types/types/index.d.ts

@@ -12,8 +12,10 @@ import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from "../c
 import type { AdditionalDesktopControlPanelButton } from "../components/Controls/types";
 import type { AdmanInitParams } from "./ads";
 import type { IQoeButtonOnlyConfig, IQoeCallbacks, IQoeConfig } from "./qoe";
+import type { ExternalSettingsMenuParams } from "./externalSettingsMenu";
 export type { AdmanInitParams, AdsParams, IAdmanInitParamsExternalApi } from "./ads";
 export * from "./qoe";
+export * from "./externalSettingsMenu";
 export declare const enum UIType {
 	DESKTOP = "desktop",
 	MOBILE = "mobile"
@@ -107,6 +109,7 @@ export interface IVKVideoPlayerCallbacks {
 	onDevNullLog?: (entry: DevNullEntry) => void;
 	onTitleClicked?: () => void;
 	onRichSeekActiveChanged?: (active: boolean) => void;
+	onSettingsMenuClosed?: () => void;
 	uiInfo?: {
 		onUpcomingLiveViewStateChanged?: (value: IUpcomingLiveViewControlInfo) => void;
 		onControlsVisibleChanged?: (value?: boolean) => void;
@@ -336,6 +339,14 @@ export interface IVKVideoPlayerConfig {
 	getVideoDeeplink?: (timestamp: number) => string;
 	apptracerUserId?: string | number;
 	qoe?: IQoeConfig | IQoeButtonOnlyConfig;
+	/**
+	* Рендерит меню настроек плеера во внешнем приложении вместо встроенного.
+	* Только для мобильной версии плеера.
+	* Вызывается при открытии меню настроек; состав меню и субменю может отличаться от встроенного.
+	* Меню получает "снимок" состояния при открытии, обновление не предусмотрено.
+	* При закрытии из слоя интеграции обязателен вызов params.controller.close().
+	*/
+	renderExternalMenu?: (params: ExternalSettingsMenuParams) => void;
 }
 /**
 * Поля, которые можно обновить, сохранив итстанс плеера

package/types/utils/getAmbientGlowLayout.d.ts

@@ -0,0 +1,12 @@
+import type { IRectangle } from "@vkontakte/videoplayer-shared";
+export interface IAmbientGlowLayout {
+	width: number;
+	height: number;
+	scaleX: number;
+	scaleY: number;
+	rotationScale: number;
+}
+export declare const getAmbientGlowLayout: (playerSize: IRectangle, videoSize: IRectangle, rotateAlpha: number, tileShare: {
+	x: number;
+	y: number;
+}) => IAmbientGlowLayout | undefined;

package/types/utils/getRotationScale.d.ts

@@ -0,0 +1,2 @@
+import type { IRectangle } from "@vkontakte/videoplayer-shared";
+export declare const getRotationScale: (rotateAlpha: number, playerSize: IRectangle) => number;

package/types/utils/getTimelineThumbData.d.ts

@@ -6,6 +6,7 @@ export interface ITimelineThumbData {
 	imgOffsetX: number;
 	imgOffsetY: number;
 }
+export declare const getThumbIntervalSec: (previewThumbsData: ITimelinePreviewThumbsData, duration: number) => number;
 /**
 * Вычисляет данные спрайта для показа кадра превью по прогрессу.
 * frameWidth/frameHeight — желаемый размер кадра на экране, от него считается размер и сдвиг всего спрайта.

package/types/utils/hooks/useIosSafariFullscreenSubtitles.d.ts

@@ -3,5 +3,6 @@ interface Params {
 	store: EnrichedStore;
 	getFullscreenTarget: () => HTMLElement;
 }
-export declare const useIosSafariFullscreenSubtitles: ({ store, getFullscreenTarget }: Params) => void;
+export declare const syncIosSafariFullscreenSubtitles: ({ store, getFullscreenTarget }: Params) => VoidFunction;
+export declare const useIosSafariFullscreenSubtitles: (params: Params) => void;
 export {};

package/types/utils/screenRotation.d.ts

@@ -0,0 +1,26 @@
+export type ScreenRotation = 0 | 90 | 180 | 270;
+type Corner = Pick<DOMRectReadOnly, "left" | "top">;
+type Box = Pick<DOMRectReadOnly, "left" | "top" | "right" | "bottom">;
+export interface LocalPoint {
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+}
+export interface PointerProgress {
+	/** Доля от начала элемента, от 0 до 1 */
+	progress: number;
+	/** Расстояние от начала элемента в пикселях */
+	offset: number;
+	/** Длина элемента вдоль его оси в пикселях */
+	width: number;
+}
+/** Поворот по часовой стрелке, определённый по тому, к какому углу рамки на экране ушёл левый верхний угол элемента */
+export declare const rotationFromCorner: (corner: Corner, box: Box) => ScreenRotation;
+/** Узнаёт, на сколько градусов повёрнут элемент: ставит метку в его левый верхний угол и смотрит, куда она попала на экране. Элементу нужен position: relative */
+export declare const getScreenRotation: (element: HTMLElement) => ScreenRotation;
+/** Переводит точку экрана в координаты элемента, как если бы он не был повёрнут */
+export declare const toLocalPoint: (clientX: number, clientY: number, box: Box, rotation: ScreenRotation) => LocalPoint;
+/** Где палец вдоль элемента, если считать от его начала по его же оси, а не по экрану */
+export declare const getPointerProgress: (clientX: number, clientY: number, box: Box, rotation: ScreenRotation) => PointerProgress;
+export {};

package/types/utils/subtitles.d.ts

@@ -3,8 +3,12 @@ export declare class NativeSubtitles {
 	private readonly video;
 	constructor(video: HTMLVideoElement);
 	private getTracksArray;
-	attach(track: ITextTrack, showing?: boolean): void;
+	private static syncAttribute;
+	private attach;
+	setTracks(tracks: ITextTrack[]): void;
+	private getBrowserTracks;
+	select(id: string | null): void;
+	getBrowserShowingLanguage(): string | undefined;
 	detachAll(): void;
-	updateSrc(track: ITextTrack): void;
-	getCurrentShowingId(): string | null;
+	getShowingIds(): string[];
 }