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()