Audio player

A compact audio player bar.

Nightfall

The Band

0:000:00

import { BuiAudioPlayer } from 'ng-blatui';

<bui-audio-player src="/track.mp3" title="Nightfall" artist="The Band" />

Compact

0:000:00

<!-- compact hides the title block + mute button -->
<bui-audio-player src="/track.mp3" [compact]="true" />

Prop	Type	Default	Description
`src`	`string`	`''`	Audio source URL for the underlying `<audio>` element.
`title`	`string`	`''`	Track title shown next to the controls.
`artist`	`string`	`''`	Artist name shown under the title.
`autoplay`	`boolean`	`false`	Whether to start playback automatically once loaded.
`compact`	`boolean`	`false`	Condensed layout: hides the title block and mute button.
`seekLabel`	`string`	—	Accessible label override for the seek slider.
`playLabel`	`string`	—	Accessible label override for the play button.
`pauseLabel`	`string`	—	Accessible label override for the pause button.
`muteLabel`	`string`	—	Accessible label override for the mute button.
`unmuteLabel`	`string`	—	Accessible label override for the unmute button.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.