TrackMutedIndicator
function TrackMutedIndicator(__namedParameters): Element | null;Defined in: packages/react/src/components/track/TrackMutedIndicator.tsx:43
The TrackMutedIndicator shows whether the participant's camera or microphone is muted or not. By default, a muted/unmuted icon is displayed for a camera, microphone, and screen sharing track.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | TrackMutedIndicatorProps |
Returns
Element | null
Example
// Basic — show whether a track is muted.
<TrackMutedIndicator trackRef={trackRef} show="muted" />
// Advanced — render mute state alongside each camera tile.
function CameraTiles() {
return <VoiceRoom agent={agent}><CameraTileList /></VoiceRoom>;
}
function CameraTileList() {
const tracks = useTracks([{ source: Track.Source.Camera, withPlaceholder: true }]);
return tracks.map((trackRef, index) => (
<div className="tile" key={index}>
<VideoTrack trackRef={trackRef} />
<TrackMutedIndicator trackRef={trackRef} show="muted" />
</div>
));
}