@obipascal/player 1.0.0

package/dist/src/types.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Player configuration options
+ */
+export interface WontumPlayerConfig {
+    /** The S3 URL or HLS manifest URL */
+    src: string;
+    /** Container element or selector */
+    container: HTMLElement | string;
+    /** Autoplay video (subject to browser policies) */
+    autoplay?: boolean;
+    /** Start muted */
+    muted?: boolean;
+    /** Show player controls */
+    controls?: boolean;
+    /** Video poster image URL */
+    poster?: string;
+    /** Preload strategy: 'none' | 'metadata' | 'auto' */
+    preload?: "none" | "metadata" | "auto";
+    /** Custom player theme */
+    theme?: PlayerTheme;
+    /** S3 configuration for presigned URLs */
+    s3Config?: S3Config;
+    /** Analytics configuration */
+    analytics?: AnalyticsConfig;
+    /** HLS.js configuration override */
+    hlsConfig?: Partial<any>;
+    /** Subtitle tracks */
+    subtitles?: SubtitleTrack[];
+    /** Keep controls always visible (sticky) */
+    stickyControls?: boolean;
+}
+export interface PlayerTheme {
+    primaryColor?: string;
+    accentColor?: string;
+    fontFamily?: string;
+    controlsBackground?: string;
+    buttonHoverBg?: string;
+    progressHeight?: string;
+    borderRadius?: string;
+}
+export interface S3Config {
+    /** Function to sign URL and set CloudFront cookies (returns the original URL after setting cookies) */
+    signUrl?: (url: string) => Promise<string>;
+    /** Legacy: Function to generate presigned URL (for S3 direct access) */
+    getPresignedUrl?: (key: string) => Promise<string>;
+    /** CloudFront domain patterns to match (e.g., ['media.domain.com']) */
+    cloudFrontDomains?: string[];
+    /** S3 bucket region */
+    region?: string;
+    /** Custom S3 endpoint */
+    endpoint?: string;
+}
+export interface AnalyticsConfig {
+    /** Enable analytics */
+    enabled?: boolean;
+    /** Custom analytics endpoint */
+    endpoint?: string;
+    /** Session identifier */
+    sessionId?: string;
+    /** User identifier */
+    userId?: string;
+    /** Video identifier */
+    videoId?: string;
+}
+/**
+ * Player state
+ */
+export interface PlayerState {
+    playing: boolean;
+    paused: boolean;
+    ended: boolean;
+    buffering: boolean;
+    currentTime: number;
+    duration: number;
+    volume: number;
+    muted: boolean;
+    playbackRate: number;
+    quality: string;
+    availableQualities: string[];
+    fullscreen: boolean;
+}
+/**
+ * Player events (compatible with Mux Player and HTML5 MediaElement events)
+ */
+export type PlayerEventType = "play" | "pause" | "playing" | "ended" | "timeupdate" | "volumechange" | "ratechange" | "seeked" | "seeking" | "waiting" | "loadstart" | "loadeddata" | "loadedmetadata" | "canplay" | "canplaythrough" | "durationchange" | "progress" | "error" | "abort" | "emptied" | "stalled" | "suspend" | "qualitychange" | "fullscreenchange" | "resize";
+export interface PlayerEvent {
+    type: PlayerEventType;
+    data?: any;
+    timestamp: number;
+}
+/**
+ * Analytics event types
+ */
+export interface AnalyticsEvent {
+    eventType: string;
+    timestamp: number;
+    sessionId: string;
+    videoId?: string;
+    userId?: string;
+    data: Record<string, any>;
+}
+export interface QualityLevel {
+    height: number;
+    width: number;
+    bitrate: number;
+    name: string;
+}
+export interface SubtitleTrack {
+    label: string;
+    src: string;
+    srclang: string;
+    default?: boolean;
+}

package/dist/src/ui-controller.d.ts

@@ -0,0 +1,51 @@
+import { WontumPlayer } from './player';
+
+/**
+ * UI Controller - Manages player controls and interface
+ */
+export declare class UIController {
+    private container;
+    private player;
+    private controlsContainer;
+    private progressContainer;
+    private progressBar;
+    private playButton;
+    private skipBackwardButton;
+    private skipForwardButton;
+    private volumeButton;
+    private fullscreenButton;
+    private qualityButton;
+    private subtitleButton;
+    private speedButton;
+    private settingsButton;
+    private volumeSlider;
+    private progressInput;
+    private hideControlsTimeout;
+    private stickyControls;
+    constructor(container: HTMLElement, player: WontumPlayer);
+    private injectStyles;
+    private createProgressBar;
+    private createControls;
+    private setupEventListeners;
+    private setupPlayerEventListeners;
+    private updateSubtitleMenu;
+    private updateSpeedMenu;
+    private updateSettingsMenu;
+    private updateQualityMenu;
+    private showControls;
+    private hideControls;
+    private resetHideControlsTimeout;
+    private formatTime;
+    private getPlayIcon;
+    private getPauseIcon;
+    private getVolumeIcon;
+    private getMutedIcon;
+    private getFullscreenIcon;
+    private getQualityIcon;
+    private getSkipBackwardIcon;
+    private getSkipForwardIcon;
+    private getSubtitleIcon;
+    private getSpeedIcon;
+    private getSettingsIcon;
+    destroy(): void;
+}