Skip to content

rtk-audio-visualizer

An audio visualizer component which visualizes a participants audio. Commonly used inside rtk-name-tag.

Properties

PropertyTypeRequiredDefaultDescription
hideMutedboolean✅-Hide the visualizer if audio is muted
iconPackIconPack❌defaultIconPackIcon pack
isScreenShareboolean✅-Audio visualizer for screensharing, it will use screenShareTracks.audio instead of audioTrack
participantPeer✅-Participant object
sizeSize✅-Size
tRtkI18n❌useLanguage()Language
variantAudioVisualizerVariant✅-Variant

Usage Examples

Basic Usage

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

With Properties

<rtk-audio-visualizer>
</rtk-audio-visualizer>
<script>
const el = document.querySelector("rtk-audio-visualizer");
el.hideMuted= true;
el.isScreenShare= true;
el.participant= participant
</script>