No audio output in chrome 92 version with react-frame-component

What happened and what did you expect to happen?

When wrapping MeetingProvider with react-frame-component, there’s no audio output for attendee on chrome after latest chrome update to 92.0.4515.107. It’s working fine in older versions. The issue is reproducible on meeting demo as well. Although Test speaker on Device Selection screen works fine in all versions.

Observations -

• isAudioOn from useLocalAudioOutput() is true.
• AttendeeAudioStatus for other attendees in meeting signalStrength: 1, muted: false.

Have you reviewed our existing documentation?

• Amazon Chime SDK for JavaScript GitHub issues
• Amazon Chime SDK React Components Library GitHub issues
• Storybook documentation
• README page
• How-to documentation
• React SDK meeting demo

Reproduction steps

In meeting demo, app.tsx - https://github.com/aws-samples/amazon-chime-sdk/blob/main/apps/meeting/src/app.tsx import Iframe from 'react-frame-component'; (version - ^4.0.2) And wrap MeetingProvider on line 39 with Iframe. It’s working fine on safari (macOS,iOS) and chrome - version 91.0.4472.164 but stopped working for chrome version 92.

Amazon Chime SDK React Components Library version

2.7.0

What browsers are you seeing the problem on?

Chrome

Browser version

Version 92.0.4515.107

Device Information

MacOS, Windows, Android

Meeting and Attendee ID Information.

MeetingId: “c21f1031-ffa0-4660-b80a-57a8b9b40706”

AttendeeId for problematic Attendee (on chrome): “64e4db44-cb23-48c4-0c91-cec6c32e89d9” Other AttendeeId (on safari): “b03aa860-73e3-2b35-1344-3e73da78ab14”

Browser console logs

AttendeeOnChrome.log

Add any other context about the problem here.

No response

[anuranduttaroy]

Hey @shriyajuneja

Thanks for reporting this issue. I tried to wrap the meeting manager inside an IFrame and tried to join a meeting from Firefox v90.0.2, Safari Version 14.1.2 & Chrome Version 92.0.4515.107 and was able to reproduce it.

Here are the observations

1. Speaking from Firefox -> Able to hear from Safari but NOT from Chrome
2. Speaking from Safari -> Able to hear from Firefox but NOT from Chrome
3. Speaking from Chrome -> Able to hear in Firefox & Safari

Issue: Not able to hear audio when meeting manager is wrapped in Chrome Version 92.

Looking into why this is happening.

[devalevenkatesh]

Hello @shriyajuneja ,

Since normal <iframe> is working with both of the JS SDK and React SDK demos, so could you please check with the custom react-frame-component library for any issues? We suspect if this is an issue with the custom Iframe component and if it needs to add some sort of props like allow="camera;microphone" to add the media permissions to it. I checked this code and not sure if they support it: https://github.com/ryanseddon/react-frame-component/blob/master/src/Frame.jsx#L134-L136

Request you to please check with the custom component as the standard HTML iframe is working fine with both of the demos.