agora-appbuilder-core 2.0.0 → 2.0.1

package/template/bridge/rtc/webNg/RtcEngine.ts

@@ -28,7 +28,7 @@ import type {
   RtcEngineEvents,
   Subscription,
 } from 'react-native-agora/lib/typescript/src/common/RtcEvents';
-import {VideoProfile} from '../quality';
+import { VideoProfile } from '../quality';
 
 interface MediaDeviceInfo {
   readonly deviceId: string;
@@ -150,6 +150,7 @@ export default class RtcEngine {
     ['ScreenshareStopped', () => null],
     ['RemoteAudioStateChanged', () => null],
     ['RemoteVideoStateChanged', () => null],
+    ['NetworkQuality', () => null],
   ]);
   public localStream: LocalStream = {};
   public screenStream: ScreenStream = {};
@@ -221,7 +222,7 @@ export default class RtcEngine {
       let [localAudio, localVideo] =
         await AgoraRTC.createMicrophoneAndCameraTracks(
           {},
-          {encoderConfig: this.videoProfile},
+          { encoderConfig: this.videoProfile },
         );
       // localVideo.setEncoderConfiguration(this.videoProfile);
       this.localStream.audio = localAudio;
@@ -366,7 +367,7 @@ export default class RtcEngine {
     });
     this.client.on('user-unpublished', async (user, mediaType) => {
       if (mediaType === 'audio') {
-        const {audio, ...rest} = this.remoteStreams.get(user.uid);
+        const { audio, ...rest } = this.remoteStreams.get(user.uid);
         this.remoteStreams.set(user.uid, rest);
         (this.eventsMap.get('RemoteAudioStateChanged') as callbackType)(
           user.uid,
@@ -375,7 +376,7 @@ export default class RtcEngine {
           0,
         );
       } else {
-        const {video, ...rest} = this.remoteStreams.get(user.uid);
+        const { video, ...rest } = this.remoteStreams.get(user.uid);
         this.remoteStreams.set(user.uid, rest);
         (this.eventsMap.get('RemoteVideoStateChanged') as callbackType)(
           user.uid,
@@ -387,9 +388,23 @@ export default class RtcEngine {
     });
 
     // this.client.on('stream-fallback', (evt))
-    this.client.on('stream-type-changed', function (uid, streamType) {
+    this.client.on('stream-type-changed', function(uid, streamType) {
       console.log('[fallback]: ', uid, streamType);
     });
+
+    this.client.on('network-quality', async ({ downlinkNetworkQuality, uplinkNetworkQuality }) => {
+      const networkQualityIndicatorCallback = this.eventsMap.get('NetworkQuality') as callbackType;
+
+      networkQualityIndicatorCallback(0, downlinkNetworkQuality, uplinkNetworkQuality)
+
+      const remoteUserNetworkQualities = this.client.getRemoteNetworkQuality();
+
+      Object.keys(remoteUserNetworkQualities).forEach((uid) => {
+        networkQualityIndicatorCallback(uid, remoteUserNetworkQualities[uid].downlinkNetworkQuality, remoteUserNetworkQualities[uid].uplinkNetworkQuality)
+      })
+
+    })
+
     await this.client.join(
       this.appId,
       channelName,
@@ -400,6 +415,7 @@ export default class RtcEngine {
     await this.publish();
   }
 
+
   async leaveChannel(): Promise<void> {
     this.client.leave();
     this.remoteStreams.forEach((stream, uid, map) => {
@@ -419,7 +435,8 @@ export default class RtcEngine {
       event === 'JoinChannelSuccess' ||
       event === 'ScreenshareStopped' ||
       event === 'RemoteAudioStateChanged' ||
-      event === 'RemoteVideoStateChanged'
+      event === 'RemoteVideoStateChanged' ||
+      event === 'NetworkQuality'
     ) {
       this.eventsMap.set(event, listener as callbackType);
     }