@lazycatcloud/vue-media-preview 0.1.4 → 0.1.5

package/dist/components/video/VideoControls.vue.d.ts

@@ -1,8 +1,11 @@
+import type { VideoQualityState } from "../../core/video/source/types";
 import type { useVideoPlayback } from "../../core/video/useVideoPlayback";
 type __VLS_Props = {
     playback: ReturnType<typeof useVideoPlayback>;
     fullscreen: boolean;
     canFullscreen: boolean;
+    quality: VideoQualityState;
+    visible: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     fullscreen: () => void;

package/dist/components/video/VideoQualityMenu.vue.d.ts

@@ -0,0 +1,17 @@
+import type { VideoQualityState } from "../../core/video/source/types";
+type __VLS_Props = {
+    quality: Exclude<VideoQualityState, {
+        kind: "unavailable";
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}, {}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/core/video/captureVideoFrame.d.ts

@@ -1,3 +1,5 @@
 import type { PreviewSize } from "../types";
-/** Snapshot the native player's object-fit:contain pixels before pausing or detaching it. */
+/** Copy object-fit:contain pixels without changing playback. */
+export declare function drawVideoFrame(video: HTMLVideoElement, canvas: HTMLCanvasElement, size: PreviewSize): void;
+/** Snapshot before pausing for the preview's closing transition. */
 export declare function captureVideoFrame(video: HTMLVideoElement, size: PreviewSize): HTMLCanvasElement;

package/dist/core/video/frameTransition.d.ts

@@ -0,0 +1,8 @@
+import type { PreviewSize } from "../types";
+/** Keep the last visible frame across source replacement, without pausing playback. */
+export declare function createVideoFrameTransition(video: () => HTMLVideoElement, canvas: () => HTMLCanvasElement, size: () => PreviewSize): {
+    active: import("vue").Ref<boolean>;
+    run: (change: () => void) => void;
+    clear: () => void;
+    snapshot: () => HTMLCanvasElement;
+};

package/dist/core/video/source/types.d.ts

@@ -1,8 +1,26 @@
 import type { PreviewMedia } from "../../types";
+export interface VideoQualityOption {
+    id: string;
+    label: string;
+}
+/** Empty activeId means that the selected quality option has not taken effect yet. */
+export type VideoQualityState = {
+    kind: "unavailable";
+} | {
+    kind: "fixed";
+    label: string;
+} | {
+    kind: "available";
+    options: readonly VideoQualityOption[];
+    selectedId: string;
+    activeId: string;
+    select: (id: string) => void;
+};
 /** Hosts own transport; the component owns playback and the effective timeline. */
-export type VideoSourceLoader = (video: HTMLVideoElement, media: PreviewMedia, reportError: (error: Error) => void, reportDuration: (seconds: number) => void) => () => void;
+export type VideoSourceLoader = (video: HTMLVideoElement, media: PreviewMedia, reportError: (error: Error) => void, reportDuration: (seconds: number) => void, reportQuality: (quality: VideoQualityState) => void) => () => void;
 export interface VideoSourceObserver {
     error: (error: Error) => void;
     duration: (seconds: number) => void;
+    quality: (quality: VideoQualityState) => void;
     reset: () => void;
 }

package/dist/index.d.ts

@@ -17,3 +17,4 @@ export type { ImageResource } from "./core/resources/imageResource";
 export type { TimelineGroup, VirtualTimelineHandle } from "./core/timeline/layout";
 export { nativeVideoSource } from "./core/video/useVideoSource";
 export type { VideoSourceLoader } from "./core/video/useVideoSource";
+export type { VideoQualityOption, VideoQualityState } from "./core/video/source/types";