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

    Interface ChromingDetachedApi

    interface ChromingDetachedApi {
        chromingSession: ChromingState;
        domController: ChromingDomController<ChromingThemeTypes>;
        helpMenuGroups: HelpMenuGroup[];
        isFloatingTimeVisible: boolean | undefined;
        onEvent$: Observable<ChromingEvent>;
        state: ChromingState;
        timeFormat: ChromingTimeFormat | undefined;
        videoSafeZones: VideoSafeZone[];
        addHelpMenuGroup(
            helpMenuGroup: HelpMenuGroup,
            insertPosition: HelpMenuGroupInsertPosition,
        ): Observable<HelpMenuGroup>;
        addMarkerBar(
            id: string,
            destination: ChromingTrackDestination,
            config?: Partial<ChromingMarkerBarConfig>,
        ): Observable<string>;
        addSafeZone(
            videoSafeZone: Partial<VideoSafeZone>,
        ): Observable<VideoSafeZone>;
        clearHelpMenuGroups(): Observable<void>;
        deleteMarkerBar(id: string): Observable<void>;
        destroy(): void;
        getMarkerBar(id: string): ChromingMarkerBarHandlerApi | undefined;
        getMarkerBars(): ChromingMarkerBarHandlers;
        removeAllSafeZones(): Observable<void>;
        removeSafeZone(id: string): Observable<void>;
        restoreChromingSession(chromingSession: ChromingState): Observable<void>;
        setFloatingTimeVisible(
            visible: boolean,
            isInteractive?: boolean,
            openEditMode?: boolean,
        ): Observable<void>;
        setFloatingVuMeterVisible(visible: boolean): Observable<void>;
        setPlayerInternal(playerInternal: PlayerInternalApi): void;
        setThemeConfig(
            themeConfig: Partial<ChromingThemeConfigTypes>,
        ): Observable<void>;
        setThumbnailTrack(id: string | undefined): Observable<void>;
        setTimeFormat(timeFormat: ChromingTimeFormat): Observable<void>;
        setVuMeterConfig(
            config: Partial<ChromingVuMeterConfig>,
            position?: ChromingVuMeterPosition,
        ): Observable<void>;
        setWatermark(watermark: string | undefined): Observable<void>;
        toggleFullScreen(): Observable<void>;
    }

    Hierarchy (View Summary)

    Index

    Properties

    chromingSession: ChromingState

    Current chroming session of the player. Should not be edited externally.

    domController: ChromingDomController<ChromingThemeTypes>
    helpMenuGroups: HelpMenuGroup[]

    Current help menu groups configured in the player chroming.

    isFloatingTimeVisible: boolean | undefined

    Whether the floating time display is visible in the player chroming.

    onEvent$: Observable<ChromingEvent>

    Observable that emits chroming events such as theme change, safe zones change, help menu change, marker track change, thumbnail track change and theme config change.

    Current chroming state of the player. Should not be edited externally.

    timeFormat: ChromingTimeFormat | undefined

    Current time format used in the player chroming.

    videoSafeZones: VideoSafeZone[]

    Current video safe zones configured in the player chroming.

    Methods

    • Shows or hides and optionally sets the interactivity of the floating time display in the player chroming.

      Parameters

      • visible: boolean

        is floating time shown

      • OptionalisInteractive: boolean

        sets timeInteractive property in theme config to true/false

      • OptionalopenEditMode: boolean

        if true, changes the time to edit mode and focuses the input (only applicable if timeInteractive property is true)

      Returns Observable<void>