@vkontakte/videoplayer 1.1.71 → 1.1.72-dev.02be9553.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.71",
+  "version": "1.1.72-dev.02be9553.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.140",
-    "@vkontakte/videoplayer-interactive": "1.0.46",
-    "@vkontakte/videoplayer-shared": "1.0.68",
-    "@vkontakte/videoplayer-statistics": "1.0.86"
+    "@vkontakte/videoplayer-core": "2.0.141-dev.02be9553.0",
+    "@vkontakte/videoplayer-interactive": "1.0.47-dev.02be9553.0",
+    "@vkontakte/videoplayer-shared": "1.0.69-dev.02be9553.0",
+    "@vkontakte/videoplayer-statistics": "1.0.87-dev.02be9553.0"
   }
 }

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

@@ -22,6 +22,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     private playerContainer;
     private rootContainer;
     private shadowRootContainer;
+    private playerId;
     private uiConfig;
     private coreConfig;
     private statisticsConfig;
@@ -85,6 +86,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     stop(): void;
     setMuted(muted: boolean): void;
     toggleSubtitle(): void;
+    changeSubtitle(enabled: boolean, id?: string): void;
     hideControls(): void;
     showControls(): void;
     setPiPEnabled(enabled: boolean): void;
@@ -95,6 +97,22 @@ export declare class VKVideoPlayer extends HTMLElement {
     returnFocusToEpisodes(): void;
     setPlaybackRate(playbackRate: PlaybackRate): void;
     setAutoQualityLimits(limits: QualityLimits): void;
+    /** включение режима автоматического качества (это не тоггл!) */
+    setAutoQuality(): void;
+    /**
+     * __тоггл режима экономии трафика__
+     *
+     * - при включении так же будет включен режим автоматического качества
+     * (если был выключен, например, ручным выбором качества пользователем)
+     */
+    toggleTrafficSaving(value: boolean): void;
+    /**
+     * __тоггл режима высокого качества__
+     *
+     * - при включении так же будет включен режим автоматического качества
+     * (если был выключен, например, ручным выбором качества пользователем)
+     */
+    toggleHighQuality(value: boolean): void;
     addLanguage(config: LanguageConfig): void;
     setLanguage(language: InterfaceLanguage | string): Promise<void>;
     setLiveStart(videoData: IVideoData): void;

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

@@ -78,6 +78,7 @@ export declare class AdmanWrapper {
     onAdmanLoadingError(): void;
     initAdman(initParams: AdmanInitParams): void;
     private switchToVideo;
+    private setPostrollPassed;
     togglePlay(): void;
     setInitialVolume(volume: number): void;
     setVolume(volume: number): void;

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

@@ -58,6 +58,7 @@ export interface RootExports {
     pause: () => void;
     setMuted: (muted: boolean) => void;
     toggleSubtitle: () => void;
+    changeSubtitle: (enabled: boolean, id?: string) => void;
     hideControls: () => void;
     showControls: () => void;
     setVolume: (volume: number) => void;
@@ -70,4 +71,7 @@ export interface RootExports {
         focus: () => void;
         handleExternalKeyboardEvent: (event: KeyboardEvent) => boolean;
     };
+    setAutoQuality: () => void;
+    toggleTrafficSaving: (value: boolean) => void;
+    toggleHighQuality: (value: boolean) => void;
 }

package/types/config.d.ts

@@ -146,7 +146,6 @@ export interface IUIConfig {
         nextPrevButtons: boolean;
         previewNoEmptySpace: boolean;
         exposeInternalsToGlobal: boolean;
-        skipInitialPlaybackRateValue: boolean;
         qualityDetailsSubMenuEnabled: boolean;
         forceAutoQualityWhenSevereStallHappens: boolean;
         showSlowVideoNotification: boolean;
@@ -187,6 +186,10 @@ export interface IUIConfig {
          * например, звуковой дорожки и субтитров
          */
         userVideoPrefs: boolean;
+        /**
+         * сохраняет выбранные состояния плеера в localStorage только от user actions
+         */
+        savePreferredStatesOnUserActionOnly: boolean;
     };
     interactive: {
         historyMaxLength: number;

package/types/store/index.d.ts

@@ -230,6 +230,7 @@ export interface IStore {
             setTrafficSavingEnabled: (trafficSavingEnabled: boolean, appliesTo?: QualitySettingsAppliesTo) => void;
             setHighQualityEnabled: (highQualityEnabled: boolean, appliesTo?: QualitySettingsAppliesTo) => void;
             setVolume: (volume: number) => void;
+            setMuted: (muted: boolean) => void;
             startVolumeChanging: () => void;
             stopVolumeChanging: () => void;
             setAudioStream: (stream: IAudioStream) => void;
@@ -303,6 +304,7 @@ export interface IStore {
             setAutoQualityLimits: (limits: QualityLimits) => void;
             setMuted: (muted: boolean) => void;
             toggleSubtitle: () => void;
+            changeSubtitle: (enabled: boolean, id?: string) => void;
             setVolume: (volume: number) => void;
             returnFocusToEpisodes: () => void;
             updateAdditionalSettingsItem: (itemId: string, fields: Partial<Omit<AdditionalSettingsMenuItem, 'id' | 'type'>>) => void;
@@ -317,6 +319,9 @@ export interface IStore {
             setLiveLowLatency: (isLowLatency: boolean) => void;
             hideControls: () => void;
             showControls: () => void;
+            setQuality: (quality: VideoQualityUI) => void;
+            setTrafficSavingEnabled: (trafficSavingEnabled: boolean) => void;
+            setHighQualityEnabled: (highQualityEnabled: boolean) => void;
         };
     };
     callbacks?: IVKVideoPlayerCallbacks;
@@ -360,10 +365,11 @@ interface IStoreParams {
     saveRate: boolean;
     internalsExposure: InternalsExposure | null;
     playerView?: VideoPlayerView;
+    playerId: string;
 }
 /**
  * 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, }: 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, looped, statistics: uiStatistics, saveRate, internalsExposure, playerView, playerId, }: IStoreParams) => IStore;
 export {};

package/types/types/index.d.ts

@@ -34,7 +34,8 @@ export interface IVKVideoPlayerCallbacks {
     onMute?: () => void;
     onUnmute?: (volume: number) => void;
     onSubtitleOff?: () => void;
-    onSubtitleOn?: (lang: string) => void;
+    onSubtitleOn?: (lang: string, id: string) => void;
+    onAvailableSubtitlesChanged?: (subtitles: AvailableVideoSubtitle[]) => void;
     onAudioDisabledHint?: () => void;
     onAudioDoesNotExistHint?: () => void;
     onEpisodeClicked?: (byKeyboard: boolean) => void;
@@ -78,6 +79,8 @@ export interface IVKVideoPlayerCallbacks {
     onNextVideoAnnouncementCancel?: () => void;
     onSetAutoplayNextEnabled?: (state: boolean) => void;
     onTrafficSavingEnabledChanged?: (isEnabled: boolean) => void;
+    onHighQualityEnabledChanged?: (isEnabled: boolean) => void;
+    onAutoQualityEnabledChanged?: (isEnabled: boolean) => void;
     onCurrentPlaybackRateChanged?: (rate: number) => void;
     onStalledChanged?: (isStalled: boolean) => void;
     onLogoClicked?: () => void;
@@ -290,6 +293,7 @@ export interface IVKVideoPlayerConfig {
     volumeMultiplier?: number;
     saveRate?: boolean;
     deviceId?: string;
+    playerId?: string;
     showEndScreen?: boolean;
     showAutoplayNext?: boolean;
     showNextPrevButtons?: boolean;
@@ -476,6 +480,11 @@ export interface IAnnotationsApi {
     clear: () => void;
     destroy: () => void;
 }
+export type AvailableVideoSubtitle = {
+    id: string;
+    language: string;
+    title: string;
+};
 export type VideoSubtitle = {
     value: string;
     displayValue: string;

package/types/utils/webAPI/pictureInPictureApi/pictureInPictureApi.d.ts

@@ -1,11 +1,14 @@
 import type { IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 import { PictureInPictureType } from '../../../types';
-import { ValueSubject } from '@vkontakte/videoplayer-shared';
-declare const _PICTURE_IN_PICTURE_EVENTS: readonly ["enterpictureinpicture", "leavepictureinpicture", "resize"];
-type PictureInPictureEvents = typeof _PICTURE_IN_PICTURE_EVENTS[number];
-type PictureInPictureEventHandlers = {
-    [key in PictureInPictureEvents]: (event: Event) => void;
-};
+import { ValueSubject, type DebouncedFn } from '@vkontakte/videoplayer-shared';
+interface PictureInPictureEventHandlers {
+    enterpictureinpicture: (event: Event) => void;
+    leavepictureinpicture: (event: Event) => void;
+    resize: DebouncedFn<(event: Event) => void>;
+}
+interface ExternalPictureInPictureEventHandlers extends Omit<PictureInPictureEventHandlers, 'resize'> {
+    resize: (event: Event) => void;
+}
 export declare class PictureInPictureApi implements IPictureInPictureApi {
     private isRequested;
     private videoElement;
@@ -34,7 +37,7 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
     assignPlayerContainer(playerContainer: HTMLElement): void;
     updateVideoElement(): void;
     private addEventHandlers;
-    setExternalEventHandlers(externalEventHandlers: Partial<PictureInPictureEventHandlers>): void;
+    setExternalEventHandlers(externalEventHandlers: Partial<ExternalPictureInPictureEventHandlers>): void;
     private removeEventHandlers;
     dispose(): Promise<void>;
     private onEnterPictureInPicture;