@byomakase/omakase-player
    Preparing search index...

    Interface TimelineApi

    interface TimelineApi {
        descriptionPaneVisible: boolean;
        id: string;
        onEvent$: Observable<TimelineEvent>;
        state: TimelineState;
        style: TimelineStyle;
        addTimelineLane(timelineLane: TimelineLaneApi): TimelineLaneApi;
        addTimelineLaneAtIndex(
            timelineLane: TimelineLaneApi,
            index: number,
        ): TimelineLaneApi;
        addTimelineLanes(
            timelineLanes: TimelineLaneApi<TimelineLaneStyle>[],
        ): TimelineLaneApi<TimelineLaneStyle>[];
        destroy(): void;
        getScrubberLane(): ScrubberLane;
        getTimelineLane<T extends TimelineLaneApi<TimelineLaneStyle>>(
            id: string,
        ): T | undefined;
        getTimelineLanes(): TimelineLaneApi<TimelineLaneStyle>[];
        getZoomPercent(): number;
        maximizeTimelineLanes(
            timelineLanes: TimelineLaneApi<TimelineLaneStyle>[],
        ): void;
        minimizeTimelineLanes(
            timelineLanes: TimelineLaneApi<TimelineLaneStyle>[],
        ): void;
        removeAllTimelineLanes(): void;
        removeTimelineLane(id: string): void;
        removeTimelineLanes(ids: string[]): void;
        scrollToEased(percent: number): Observable<number>;
        scrollToPlayheadEased(): Observable<number>;
        setDescriptionPaneVisible(visible: boolean): void;
        setDescriptionPaneVisibleEased(visible: boolean): Observable<void>;
        setThumbnailTrack(track: ThumbnailTrack): void;
        settleLayout(): void;
        toggleDescriptionPaneVisible(): void;
        toggleDescriptionPaneVisibleEased(): Observable<void>;
        toggleTimecodeEdit(): void;
        zoomInEased(): Observable<number>;
        zoomOutEased(): Observable<number>;
        zoomTo(percent: number): number;
        zoomTo(percent: number, zoomFocusPercent: number | undefined): number;
        zoomToEased(percent: number): Observable<number>;
        zoomToEased(
            percent: number,
            zoomFocusPercent: number | undefined,
        ): Observable<number>;
        zoomToMaxEased(): Observable<number>;
    }

    Hierarchy

    • Destroyable
      • TimelineApi

    Implemented by

    Index

    Properties

    descriptionPaneVisible id onEvent$ state style

    Methods

    addTimelineLane addTimelineLaneAtIndex addTimelineLanes destroy getScrubberLane getTimelineLane getTimelineLanes getZoomPercent maximizeTimelineLanes minimizeTimelineLanes removeAllTimelineLanes removeTimelineLane removeTimelineLanes scrollToEased scrollToPlayheadEased setDescriptionPaneVisible setDescriptionPaneVisibleEased setThumbnailTrack settleLayout toggleDescriptionPaneVisible toggleDescriptionPaneVisibleEased toggleTimecodeEdit zoomInEased zoomOutEased zoomTo zoomToEased zoomToMaxEased

    Properties

    descriptionPaneVisible: boolean

    true if visible, false if not visible

    id: string

    Unique identifier for this timeline instance.

    onEvent$: Observable<TimelineEvent>

    Stream of all events emitted by this timeline instance, including lifecycle events (TimelineEventType.TIMELINE_READY), viewport changes (TimelineEventType.TIMELINE_SCROLL, TimelineEventType.TIMELINE_ZOOM, TimelineEventType.TIMELINE_RESIZE), and interaction events (TimelineEventType.TIMELINE_TIMECODE_CLICK, TimelineEventType.TIMELINE_SCRUBBER_MOVE, TimelineEventType.TIMELINE_PLAYHEAD_MOVE).

    state: TimelineState

    Current runtime state of the timeline.

    TimelineState

    style: TimelineStyle

    Current style configuration of the timeline. Reflects the active visual settings such as dimensions, colours, and playhead appearance.

    TimelineStyle

    Methods

    • Scrolls timeline

      Parameters

      • percent: number

        in range from 0 - timeline start or first timestamp, to 100 - timeline end or last timestamop

      Returns Observable<number>

    • Shows or hides Timeline description pane

      Parameters

      • visible: boolean

      Returns void

    • Shows or hides Timeline description pane

      Parameters

      • visible: boolean

      Returns Observable<void>

    • Zoom in. Zoom scale in single method call is defined with TimelineConfig.zoomScale

      Returns Observable<number>

    • Timeline zoom

      Parameters

      • percent: number

        number between 100 and TimelineConfig.zoomMax

      Returns number

    • Timeline zoom

      Parameters

      • percent: number

        number between 100 and TimelineConfig.zoomMax

      • zoomFocusPercent: number | undefined

        in range from 0 - timeline start or first timestamp, to 100 - timeline end or last timestamop

      Returns number

    • Timeline zoom

      Parameters

      Returns Observable<number>

    • Timeline zoom

      Parameters

      • percent: number

        number between 100 and TimelineConfig.zoomMax

      • zoomFocusPercent: number | undefined

        in range from 0 - timeline start or first timestamp, to 100 - timeline end or last timestamop

      Returns Observable<number>

    Settings

    Member Visibility

    On This Page

    Properties
    Methods