claritykit-svelte/dist/components/media/VideoPlayer.svelte.d.ts

A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility

interface VideoSource {
    src: string;
    type: string;
    quality?: string;
}
interface Props {
    sources: VideoSource[];
    poster?: string;
    title?: string;
    description?: string;
    width?: number | string;
    height?: number | string;
    aspectRatio?: string;
    controls?: boolean;
    autoplay?: boolean;
    loop?: boolean;
    muted?: boolean;
    preload?: 'none' | 'metadata' | 'auto';
    playsinline?: boolean;
    crossorigin?: 'anonymous' | 'use-credentials';
    customControls?: boolean;
    showTimestamp?: boolean;
    showVolumeSlider?: boolean;
    showPlaybackSpeed?: boolean;
    showFullscreen?: boolean;
    showPictureInPicture?: boolean;
    showQualitySelector?: boolean;
    subtitles?: Array<{
        src: string;
        label: string;
        srclang: string;
        default?: boolean;
    }>;
    thumbnailVtt?: string;
    chapters?: Array<{
        startTime: number;
        endTime: number;
        title: string;
    }>;
    class?: string;
}
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
        $$bindings?: Bindings;
    } & Exports;
    (internal: unknown, props: Props & {
        $$events?: Events;
        $$slots?: Slots;
    }): Exports & {
        $set?: any;
        $on?: any;
    };
    z_$$bindings?: Bindings;
}
declare const VideoPlayer: $$__sveltets_2_IsomorphicComponent<Props, {
    play: CustomEvent<{
        currentTime: number;
    }>;
    pause: CustomEvent<{
        currentTime: number;
    }>;
    ended: CustomEvent<{
        duration: number;
    }>;
    timeupdate: CustomEvent<{
        currentTime: number;
        duration: number;
    }>;
    volumechange: CustomEvent<{
        volume: number;
        muted: boolean;
    }>;
    ratechange: CustomEvent<{
        playbackRate: number;
    }>;
    fullscreenchange: CustomEvent<{
        isFullscreen: boolean;
    }>;
    pictureInpicturechange: CustomEvent<{
        isPictureInPicture: boolean;
    }>;
    error: CustomEvent<{
        error: string;
    }>;
    loaded: CustomEvent<{
        duration: number;
    }>;
} & {
    [evt: string]: CustomEvent<any>;
}, {}, {}, "">;
type VideoPlayer = InstanceType<typeof VideoPlayer>;
export default VideoPlayer;
//# sourceMappingURL=VideoPlayer.svelte.d.ts.map