Component

AudioPlayer

Audio player with cover art, track info, progress bar, and volume control.

tsx
import { AudioPlayer, MiniAudioPlayer } from 'wss3-forge'

Usage

•

Full player with cover art and track info

•

MiniAudioPlayer for compact inline use

•

Draggable progress bar with seek

•

Volume slider with mute toggle

•

Loop and skip controls

SoundHelix Song 1

SoundHelix Song 1

T. Schürger

0:00

6:12

100

SoundHelix Song 2

0:00 / 7:05

Examples

Full Audio Player

SoundHelix Song 1

SoundHelix Song 1

T. Schürger

0:00

6:12

100
tsx
1<AudioPlayer
2  src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"
3  title="SoundHelix Song 1"
4  artist="T. Schürger"
5  cover="https://picsum.photos/seed/audio/200/200"
6/>

Mini Audio Player

SoundHelix Song 2

0:00 / 7:05

tsx
1<MiniAudioPlayer
2  src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3"
3  title="SoundHelix Song 2"
4/>

Previous

ProgressRing

Next

Carousel

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.