Skip to content

Broken progressbar style #169

@carolyy71

Description

@carolyy71

I apply this library and somehow the progress bar is not showing just like the default ui style?

Screenshot 2024-11-14 at 1 01 35 PM

<AudioPlayer autoPlay src={dummySoundtrack} // onPlay={(e) => console.log('onPlay')} layout="horizontal-reverse" preload="metadata" showFilledProgress hasDefaultKeyBindings={false} customVolumeControls={[]} showJumpControls={false} customAdditionalControls={[]} customProgressBarSection={[ RHAP_UI.CURRENT_TIME, RHAP_UI.PROGRESS_BAR, RHAP_UI.CURRENT_LEFT_TIME, ]} customIcons={{ play: ( <div className="rounded-full bg-text-input-secondary p-[8px]"> <PlayIcon className="size-[32px] shrink-0" /> </div> ), pause: ( <div className="rounded-full bg-text-input-secondary p-[8px]"> <PauseIcon className="size-[32px] shrink-0" /> </div> ), }} />

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions