Skip to main content

dyte-audio-visualizer

An audio visualizer component which visualizes a participants audio.

Commonly used inside dyte-name-tag.

<dyte-audio-visualizer id="el"></dyte-audio-visualizer>
<script>
  const el = document.getElementById('el');
  el.participant = meeting.self;
</script>

Props​

iconPack

Icon pack

Default
defaultIconPack

isScreenShare

Audio visualizer for screensharing, it will use screenShareTracks.audio instead of audioTrack

Default
false
Type
boolean

participant

Participant object

size

Size

Type
"lg" | "md" | "sm" | "xl"

t

Language

Default
useLanguage()

variant

Variant

Default
'bars'
Type
"bars"