---
url: https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/VoiceRecorder
---

# VoiceRecorder

Customize the preview shown while recording a voice message.

Ask a question Copy for LLM [View as Markdown](/docs/UI_Components/JavaScript/Classic/Themes/Components/VoiceRecorder.md)
The `VoiceRecorder` component is a subcomponent that is part of all preset themes. It is used to render a preview when the user has recorded a voice message.

## Props

Our preset themes pass the following props to the `VoiceRecorder` component. You can change the props it receives by updating the places in the theme where the component is invoked.

| Name | Type | Description |
| --- | --- | --- |
| **recordingDuration** | `number` | duration of the recording in seconds |

## Available system components

In our preset themes, the `VoiceRecorder` subcomponent is rendered inside the [`MessageField`](/docs/UI_Components/JavaScript/Classic/Themes/Components/MessageField/). System components available there are also available in this component.