RtkAudioVisualizer

参加者の音声を可視化するオーディオビジュアライザーコンポーネントです。通常は rtk-name-tag の内側で使います。

プロパティ

プロパティ	型	必須	デフォルト	説明
`hideMuted`	`boolean`	✅	-	音声がミュートされている場合はビジュアライザーを非表示にします
`iconPack`	`IconPack`	❌	`defaultIconPack`	アイコンパック
`isScreenShare`	`boolean`	✅	-	画面共有用のオーディオビジュアライザーです。`audioTrack` の代わりに `screenShareTracks.audio` を使います
`participant`	`Peer`	✅	-	Participant オブジェクト
`size`	`Size`	✅	-	サイズ
`t`	`RtkI18n`	❌	`useLanguage()`	言語
`variant`	`AudioVisualizerVariant`	✅	-	バリアント

使用例

基本的な使い方

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

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

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

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

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