Skip to main content

dyte-network-indicator

A component that indicates poor network connection.

<dyte-network-indicator class="dyte-el"></dyte-network-indicator>

<script>
  const elements = document.getElementsByClassName('dyte-el');
  for (const el of elements) {
    el.participant = meeting.self;
    el.meeting = meeting;
  }
</script>

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

participant.addListener(
  'mediaScoreUpdate',
  ({ kind, isScreenshare, score, scoreStats }) => {
    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

isScreenShare

Is for screenshare

Default
false
Type
boolean

meeting

Meeting

participant

Participant or Self

t

Language

Default
useLanguage()