---
url: https://talkjs.com/docs/UI_Components/Theme/System_components/AudioPlayer
title: '<AudioPlayer>'

minidoc-source: js
minidoc-lib: components
---

The `<AudioPlayer>` system component displays a waveform of the audio, as well as controls for playing or pausing and modifying the playback speed.

## AudioPlayerProps
/** */
export declare interface AudioPlayerProps  {
/** */
className?: string;
/** Name of the audio file that's being played. */
filename?: string;
/** Callback that runs when an error is encountered during playback. */
onError?: ()=>void;
/** Source URL of the audio file to play. */
src: string;
}