saltfish/dist/managers/TranscriptManager.d.ts

An interactive video-guided tour system for web applications

import type { Transcript } from '../types';
/**
 * Manager for handling transcript display and synchronization with video playback
 */
export declare class TranscriptManager {
    private transcriptContainer;
    private transcriptContent;
    private ccButton;
    private isVisible;
    private currentTranscript;
    private currentSegmentIndex;
    private segments;
    private videoElement;
    private timeUpdateListener;
    constructor();
    /**
     * Initialize the transcript manager with a video element and CC button
     */
    initialize(videoElement: HTMLVideoElement, ccButton: HTMLElement): void;
    /**
     * Load transcript data for the current step
     */
    loadTranscript(transcript: Transcript | null): void;
    /**
     * Show or hide the transcript display
     */
    toggleVisibility(): void;
    /**
     * Handle CC button click
     */
    private handleCCButtonClick;
    /**
     * Handle video time updates for transcript synchronization
     */
    private handleTimeUpdate;
    /**
     * Find the active segment index based on current video time
     */
    private findActiveSegmentIndex;
    /**
     * Highlight the active segment
     */
    private highlightSegment;
    /**
     * Create the transcript UI container
     */
    private createTranscriptUI;
    /**
     * Render transcript segments
     */
    private renderTranscriptSegments;
    /**
     * Show the transcript
     */
    private showTranscript;
    /**
     * Hide the transcript
     */
    private hideTranscript;
    /**
     * Update CC button state
     */
    private updateCCButtonState;
    /**
     * Clean up resources
     */
    destroy(): void;
}
//# sourceMappingURL=TranscriptManager.d.ts.map