LiveKit docs › Components › AudioVisualizer

---

# AudioVisualizer

> 🔥 **Caution**
> 
> This API is deprecated: Use BarVisualizer instead

The AudioVisualizer component is used to visualize the audio volume of a given audio track.

## Import

```typescript
import { AudioVisualizer } from "@livekit/components-react";

```

## Remarks

Requires a `TrackReferenceOrPlaceholder` to be provided either as a property or via the `TrackRefContext`.

## Usage

```tsx
<AudioVisualizer />

```

## Properties

- **`trackRef`** _(TrackReference)_ (optional): _(Optional)_

---

This document was rendered at 2026-06-07T11:33:14.332Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/react/component/audiovisualizer.md](https://docs.livekit.io/reference/components/react/component/audiovisualizer.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).