RtkAudioVisualizer

Displays an audio visualizer with animated bars representing a participant's audio levels.

Properties

Property	Type	Required	Default	Description
`participant`	`Peer \| RTKParticipant`	✅	-	The participant whose audio to visualize
`iconPack`	`IconPack`	❌	`defaultIconPack`	Custom icon pack for icons
`isScreenshare`	`boolean`	❌	`false`	Whether this is a screenshare audio visualizer
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	`'sm'`	Size of the visualizer
`variant`	`'bar'`	❌	`'bar'`	Visual variant of the visualizer

Usage Examples

Basic Usage

import { RtkAudioVisualizer } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkAudioVisualizer participant={participant} />;
}

With Properties

import { RtkAudioVisualizer } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return (
		<RtkAudioVisualizer participant={participant} size="md" variant="bar" />
	);
}