RtkAudioVisualizer

参加者の音声レベルを、アニメーションするバーで表すオーディオビジュアライザーを表示します。

プロパティ

プロパティ	型	必須	デフォルト	説明
`participant`	`Peer \| RTKParticipant`	✅	-	音声を可視化する参加者
`iconPack`	`IconPack`	❌	`defaultIconPack`	カスタムアイコンパック
`isScreenshare`	`boolean`	❌	`false`	画面共有用のオーディオビジュアライザーかどうか
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	`'sm'`	ビジュアライザーのサイズ
`variant`	`'bar'`	❌	`'bar'`	ビジュアライザーの見た目のバリアント

使用例

基本的な使い方

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

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

プロパティを指定する場合

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

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