rtk-audio-visualizer

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

プロパティ

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

使用例

基本的な使い方

<rtk-audio-visualizer></rtk-audio-visualizer>

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

<rtk-audio-visualizer>
</rtk-audio-visualizer>

<script>
  const el = document.querySelector("rtk-audio-visualizer");

  el.hideMuted= true;
  el.isScreenShare= true;
  el.participant= participant
</script>