DyteNetworkIndicator

A component that indicates poor network connection.

<DyteNetworkIndicator meeting={meeting} participant={meeting.self} />

It listens to the mediaScoreUpdate event of the passed participant to get the score.

 (participant as DyteParticipant).addListener('mediaScoreUpdate', ({ kind, isScreenshare, score }) => {
  console.log(`Score for ${isScreenshare ? 'screen share': ''} ${kind} was:: ${score}`);
});

info

This component will only be visible if the network quality is poor (less than or equal to 3, on a scale of 5, 5 being best).

Props

iconPack

Icon pack

Default

defaultIconPack

Type

IconPack

isScreenShare

Is for screenshare

Default

false

Type

boolean

meeting

Meeting

Type

DyteClient

participant

Participant or Self

Type

DyteParticipant | DyteSelf

t

Language

Default

useLanguage()

Type

DyteI18n