Uneven spacing in Composited Media capture pipeline recording

[paul365]

What happened and what did you expect to happen?

There is uneven spacing in the output recording when using Media capture pipeline composited video.

Observe these three screenshots, which all came from the same recording. Some tiles have uneven spacing and sometimes change or twitch throughout the recording.

Also here is another one, which I think was due to the input video having a different aspect ratio.

There should not be an uneven space. The video should fill the space in case the input aspect ratio is different.

Have you reviewed our existing documentation?

• [X] GitHub issues
• [X] FAQs page
• [X] README page
• [X] Feature-specific guides

Reproduction steps

1. Start a Chime meeting
2. Join at least 3 attendees
3. Start media capture pipeline recording with composition on: Settings:

   {
     SourceType: 'ChimeSdkMeeting',
     SourceArn,
     SinkType: 'S3Bucket',
     SinkArn: concatSink,
     ChimeSdkMeetingConfiguration: {
       ArtifactsConfiguration: {
         Audio: {
           MuxType: 'AudioWithCompositedVideo',
         },
         Video: {
           State: 'Disabled',
         },
         Content: {
           State: 'Disabled',
         },
         CompositedVideo: {
           GridViewConfiguration: {
             ContentShareLayout: 'Vertical',
           },
           Layout: 'GridView',
           Resolution: 'FHD',
         },
       },
     },
   }

4. Observe some tiles resizing causing uneven spacing.

Also, think that when the camera source has a different resolution, it would also cause uneven spacing.

Amazon Chime SDK for JavaScript version

3.13.0

What browsers are you seeing the problem on?

n/a

Browser version

n/a

Meeting and Attendee ID Information.

n/a

Browser console logs

n/a