Interface SeekBarConfig

Configuration interface for the SeekBar component.

interface SeekBarConfig {
    ariaLabel?: LocalizableText;
    cssClass?: string;
    cssClasses?: string[];
    cssPrefix?: string;
    disabled?: boolean;
    enableSeekPreview?: boolean;
    hidden?: boolean;
    id?: string;
    keyStepIncrements?: {
        leftRight: number;
        upDown: number;
    };
    label?: SeekBarLabel;
    role?: string;
    smoothPlaybackPositionUpdateIntervalMs?: number;
    snappingEnabled?: boolean;
    snappingRange?: number;
    tabIndex?: number;
    tag?: string;
    vertical?: boolean;
}

Hierarchy (view full)

Properties

ariaLabel?: LocalizableText

WCAG20 standard for defining info about the component (usually the name)

cssClass?: string

The CSS classes of the component. This is usually the class from where the component takes its styling.

cssClasses?: string[]

Additional CSS classes of the component.

cssPrefix?: string

A prefix to prepend all CSS classes with.

disabled?: boolean

Specifies if the component is enabled (interactive) or not. Default: false

enableSeekPreview?: boolean

Used to enable/disable seek preview

hidden?: boolean

Specifies if the component should be hidden at startup. Default: false

id?: string

The HTML ID of the component. Default: automatically generated with pattern 'ui-id-{guid}'.

keyStepIncrements?: {
    leftRight: number;
    upDown: number;
}

Used for seekBar control increments and decrements

label?: SeekBarLabel

The label above the seek position.

role?: string

Specifies the component role for WCAG20 standard

smoothPlaybackPositionUpdateIntervalMs?: number

The interval in milliseconds in which the playback position on the seek bar will be updated. The shorter the interval, the smoother it looks and the more resource intense it is. The update interval will be kept as steady as possible to avoid jitter. Set to -1 to disable smooth updating and update it on player TimeChanged events instead. Default: 50 (50ms = 20fps).

snappingEnabled?: boolean

Used to enable/disable snapping to markers on the seek bar when seeking near them. Default: true

snappingRange?: number

Defines tolerance for snapping to markers, if snapping to seek bar markers is enabled.

tabIndex?: number

WCAG20 requirement for screen reader navigation

tag?: string

The HTML tag name of the component. Default: 'div'

vertical?: boolean

Bar will be vertical instead of horizontal if set to true.