Fix the demo to display thunderbolt when paused by policy (#1780)

Co-authored-by: Venkatesh Devale <61809205+devalevenkatesh@users.noreply.github.com>
aws · Nov 11, 2021 · cb4548d · cb4548d
1 parent 9985d57
commit cb4548d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/demos/browser/app/meetingV2/meetingV2.ts b/demos/browser/app/meetingV2/meetingV2.ts
@@ -3149,14 +3149,12 @@ export class DemoMeetingApp
 
   tileWillBePausedByDownlinkPolicy(tileId: number): void {
     this.log(`Tile ${tileId} will be paused due to insufficient bandwidth`);
-    const attendeeId = this.audioVideo.getVideoTile(tileId)?.state().boundAttendeeId;
-    this.roster[attendeeId].bandwidthConstrained = true;
+    this.videoTileCollection.bandwidthConstrainedTiles.add(tileId);
   }
 
   tileWillBeUnpausedByDownlinkPolicy(tileId: number): void {
     this.log(`Tile ${tileId} will be resumed due to sufficient bandwidth`);
-    const attendeeId = this.audioVideo.getVideoTile(tileId)?.state().boundAttendeeId;
-    this.roster[attendeeId].bandwidthConstrained = false;
+    this.videoTileCollection.bandwidthConstrainedTiles.delete(tileId);
   }
 }
 

diff --git a/demos/browser/app/meetingV2/video/VideoTileCollection.ts b/demos/browser/app/meetingV2/video/VideoTileCollection.ts
@@ -103,14 +103,16 @@ export default class VideoTileCollection implements AudioVideoObserver {
   tileArea = document.getElementById('tile-area') as HTMLDivElement;
   tileIndexToDemoVideoTile = new Map<number, DemoVideoTile>();
 
+  bandwidthConstrainedTiles = new Set<number>();
+
   _activeSpeakerAttendeeId = "";
   public set activeSpeakerAttendeeId(id: string) {
     this.logger.info(`setting act spk to ${id}`)
     this._activeSpeakerAttendeeId = id;
     this.layoutFeaturedTile();
   }
 
-  constructor(private videoTileController: VideoTileControllerFacade, 
+  constructor(private videoTileController: VideoTileControllerFacade,
     private logger: Logger,
     private videoPreferenceManager?: VideoPreferenceManager) {
     this.setupVideoTiles();
@@ -160,6 +162,11 @@ export default class VideoTileCollection implements AudioVideoObserver {
     if (tileState.boundExternalUserId) {
       demoVideoTile.nameplate = tileState.boundExternalUserId.split('#').slice(-1)[0];
     }
+    if (tileState.paused && this.bandwidthConstrainedTiles.has(tileState.tileId)) {
+      demoVideoTile.pauseState = '⚡';
+    } else {
+      demoVideoTile.pauseState = '';
+    }
     demoVideoTile.attendeeId = tileState.boundAttendeeId;
     demoVideoTile.show(tileState.isContent);
     this.updateGridClasses();