AudioVisualizer
function AudioVisualizer(__namedParameters): Element;Defined in: packages/react/src/components/visualizer/AudioVisualizer.tsx:36
Caution This API is deprecated: Use BarVisualizer instead The AudioVisualizer component is used to visualize the audio volume of a given audio track.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | AudioVisualizerProps |
Returns
Element
Example
// Basic — visualize the current audio track from context.
<AudioVisualizer />
// Advanced — show a visualizer for each subscribed microphone track.
function MicrophoneLevels() {
const tracks = useTracks([Track.Source.Microphone], { onlySubscribed: true });
return (
<VoiceRoom agent={agent}>
{tracks.map((trackRef, index) => (
<AudioVisualizer key={index} trackRef={trackRef} />
))}
</VoiceRoom>
);
}