← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core

rtk-audio-visualizer

Компонент аудиовизуализатора, который визуализирует звук участника. Часто используется внутри rtk-name-tag.

Свойства

Свойство	Тип	Обязательный	По умолчанию	Описание
`hideMuted`	`boolean`	✅	-	Скрыть визуализатор, если звук отключен
`iconPack`	`IconPack`	❌	`defaultIconPack`	Набор значков
`isScreenShare`	`boolean`	✅	-	Аудиовизуализатор для демонстрации экрана теперь использует screenShareTracks.audio вместо audioTrack
`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>