Background Blur huge frame rate drop when tab is out of focus
What happened and what did you expect to happen?
I am implementing the background blur feature and I noticed the attendee video is only fluid (the remote tile) if the attendee is currently on the meeting tab. If the attendee changes the tab, or minimizes the browser the video frame rate drops for a value <= 5.
I did follow the example application from the docs.
Have you reviewed our existing documentation?
- [X] Amazon Chime SDK for JavaScript GitHub issues
- [X] Amazon Chime SDK React Components Library GitHub issues
- [X] Storybook documentation
- [X] README page
- [X] How-to documentation
- [X] React SDK meeting demo
Reproduction steps
- Enter on a meeting with two attendees
- enable the background blur for one of them
- change the browser tab or minimizes the browser for the attendee with the background blur enabled
- compare both states while watching with the second attendee (the one without the background blur)
Amazon Chime SDK React Components Library version
3.5.0
What browsers are you seeing the problem on?
Chrome
Browser version
111.0.5563.110
Device Information
macOS Ventura 13.0
Meeting and Attendee ID Information.
No response
Browser console logs
with the meeting on focus:

out of focus:

Add any other context about the problem here.
these are the options used on the provider:
{ blurStrength: 5, filterCPUUtilization: 30, reportingPeriodMillis: 1000 }
Thank you for raising this issue! It is a known issue that Chrome and other browsers throttle background tabs to optimize performance. There may be browser flags that you can try to disable background tab throttling in the client, but we’re currently unaware of any options to systematically resolve this issue from the developer side.
I didn't find a single thing about such flags, do you have some links about this matter?
https://winaero.com/disable-tab-throttling-google-chrome/
Perhaps you can try this.
I'll close this issue for now, please create a new issue if this persists.