wavesurfer.js
    Preparing search index...

    Type Alias TimelinePluginOptions

    type TimelinePluginOptions = {
        container?: HTMLElement | string;
        duration?: number;
        formatTimeCallback?: (seconds: number) => string;
        height?: number;
        insertPosition?: InsertPosition;
        primaryLabelInterval?: number;
        primaryLabelSpacing?: number;
        secondaryLabelInterval?: number;
        secondaryLabelOpacity?: number;
        secondaryLabelSpacing?: number;
        style?: Partial<CSSStyleDeclaration> | string;
        timeInterval?: number;
        timeOffset?: number;
    }
    Index
    container?: HTMLElement | string

    HTML element or selector for a timeline container, defaults to wavesufer's container

    duration?: number

    The duration of the timeline in seconds, defaults to wavesurfer's duration

    formatTimeCallback?: (seconds: number) => string

    Turn the time into a suitable label for the time.

    height?: number

    The height of the timeline in pixels, defaults to 20

    insertPosition?: InsertPosition

    Pass 'beforebegin' to insert the timeline on top of the waveform

    primaryLabelInterval?: number

    Interval between numeric labels in seconds

    primaryLabelSpacing?: number

    Interval between numeric labels in timeIntervals (i.e notch count)

    secondaryLabelInterval?: number

    Interval between secondary numeric labels in seconds

    secondaryLabelOpacity?: number

    Opacity of the secondary labels, defaults to 0.25

    secondaryLabelSpacing?: number

    Interval between secondary numeric labels in timeIntervals (i.e notch count)

    style?: Partial<CSSStyleDeclaration> | string

    Custom inline style to apply to the container

    timeInterval?: number

    Interval between ticks in seconds

    timeOffset?: number

    offset in seconds for the numeric labels