aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
86 lines • 1.77 kB
TypeScript
import React from "react";
export interface VideoSource {
src: string;
type: string;
quality?: string;
bitrate?: number;
}
export interface SubtitleTrack {
src: string;
label: string;
language: string;
default?: boolean;
}
export interface GlassVideoPlayerProps {
/**
* Video sources
*/
sources: VideoSource[];
/**
* Video poster image
*/
poster?: string;
/**
* Video title
*/
title?: string;
/**
* Auto-play video
*/
autoPlay?: boolean;
/**
* Show controls
*/
controls?: boolean;
/**
* Enable fullscreen
*/
enableFullscreen?: boolean;
/**
* Enable picture-in-picture
*/
enablePiP?: boolean;
/**
* Enable theater mode
*/
enableTheaterMode?: boolean;
/**
* Subtitle tracks
*/
subtitles?: SubtitleTrack[];
/**
* Playback speed options
*/
playbackSpeeds?: number[];
/**
* Custom className
*/
className?: string;
/**
* Play event handler
*/
onPlay?: () => void;
/**
* Pause event handler
*/
onPause?: () => void;
/**
* Time update handler
*/
onTimeUpdate?: (currentTime: number, duration: number) => void;
/**
* Volume change handler
*/
onVolumeChange?: (volume: number, muted: boolean) => void;
/**
* Fullscreen change handler
*/
onFullscreenChange?: (fullscreen: boolean) => void;
}
/**
* GlassVideoPlayer component
* A comprehensive video player with glassmorphism design and advanced controls
*/
export declare const GlassVideoPlayer: React.FC<GlassVideoPlayerProps>;
export default GlassVideoPlayer;
//# sourceMappingURL=GlassVideoPlayer.d.ts.map