@rosettadash/vue 0.1.2 → 0.1.3

package/src/visual/media/equirect-sphere-viewport/equirect-sphere-viewport.d.ts

@@ -0,0 +1,205 @@
+import { type PropType, type StyleValue } from 'vue';
+export interface EquirectSphereCameraChange {
+    yaw: number;
+    pitch: number;
+    horizontalFov: number;
+}
+export interface EquirectSphereViewportHandle {
+    play: () => Promise<void>;
+    pause: () => void;
+    stop: () => void;
+    seek: (time: number) => void;
+    getCurrentTime: () => number;
+    getDuration: () => number;
+    isPaused: () => boolean;
+    getOutputCanvas: () => HTMLCanvasElement | null;
+    startRecording: () => void;
+    stopRecording: () => Promise<Blob | null>;
+}
+export interface EquirectSphereViewportProps {
+    videoSrc?: string | null;
+    flipInterior?: boolean;
+    yaw?: number;
+    pitch?: number;
+    horizontalFov?: number;
+    outputWidth?: number;
+    outputHeight?: number;
+    minHorizontalFov?: number;
+    maxHorizontalFov?: number;
+    className?: string;
+    style?: StyleValue;
+    outputPreviewHost?: HTMLElement | null;
+    onCameraChange?: (detail: EquirectSphereCameraChange) => void;
+    onTimeUpdate?: (detail: {
+        currentTime: number;
+        duration: number;
+    }) => void;
+    onPlaybackChange?: (detail: {
+        paused: boolean;
+    }) => void;
+}
+/**
+ * Interior sphere (BackSide + flipped texture) for rectilinear POV through 125°.
+ * Stereographic shader above 125° — orientation locked via shared camera matrix.
+ */
+export declare const EquirectSphereViewport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<StyleValue | undefined>;
+        default: undefined;
+    };
+    videoSrc: {
+        type: PropType<string | null | undefined>;
+        default: undefined;
+    };
+    flipInterior: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    yaw: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    pitch: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    horizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputWidth: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputHeight: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    minHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    maxHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputPreviewHost: {
+        type: PropType<HTMLElement | null | undefined>;
+        default: undefined;
+    };
+    onCameraChange: {
+        type: PropType<((detail: EquirectSphereCameraChange) => void) | undefined>;
+        default: undefined;
+    };
+    onTimeUpdate: {
+        type: PropType<((detail: {
+            currentTime: number;
+            duration: number;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+    onPlaybackChange: {
+        type: PropType<((detail: {
+            paused: boolean;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cameraChange" | "timeUpdate" | "playbackChange")[], "cameraChange" | "timeUpdate" | "playbackChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<StyleValue | undefined>;
+        default: undefined;
+    };
+    videoSrc: {
+        type: PropType<string | null | undefined>;
+        default: undefined;
+    };
+    flipInterior: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    yaw: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    pitch: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    horizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputWidth: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputHeight: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    minHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    maxHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputPreviewHost: {
+        type: PropType<HTMLElement | null | undefined>;
+        default: undefined;
+    };
+    onCameraChange: {
+        type: PropType<((detail: EquirectSphereCameraChange) => void) | undefined>;
+        default: undefined;
+    };
+    onTimeUpdate: {
+        type: PropType<((detail: {
+            currentTime: number;
+            duration: number;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+    onPlaybackChange: {
+        type: PropType<((detail: {
+            paused: boolean;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onCameraChange?: ((...args: any[]) => any) | undefined;
+    onTimeUpdate?: ((...args: any[]) => any) | undefined;
+    onPlaybackChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string | undefined;
+    style: StyleValue;
+    outputWidth: number | undefined;
+    outputHeight: number | undefined;
+    horizontalFov: number | undefined;
+    yaw: number | undefined;
+    pitch: number | undefined;
+    videoSrc: string | null | undefined;
+    flipInterior: boolean | undefined;
+    minHorizontalFov: number | undefined;
+    maxHorizontalFov: number | undefined;
+    outputPreviewHost: HTMLElement | null | undefined;
+    onCameraChange: ((detail: EquirectSphereCameraChange) => void) | undefined;
+    onTimeUpdate: ((detail: {
+        currentTime: number;
+        duration: number;
+    }) => void) | undefined;
+    onPlaybackChange: ((detail: {
+        paused: boolean;
+    }) => void) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type EquirectSphereViewportComponent = typeof EquirectSphereViewport;