We have isolated an unusual problem in our ReactJS app with Twilio GaussianBlurBackgroundProcessor occuring with some webcam devices, where enabling GaussianBlurBackgroundProcessor when initializing the video component causes the tab to freeze.
The problem has been observed on Google Chrome 107.0.5304.108 on Windows 10.
One hardware device which triggers this problem reliably is HDP Webcam USB (0c45:636b), however there others (I don't have the model numbers). Most webcams we tested do not experience this problem.
The steps to reproduce are:
- Have an affected webcam device
- Add GaussianBlurBackgroundProcessor process on initializing the video component
- Start the video streaming / join the room
- Google Chrome tab freezes - no out of memory, no Javascript error, no console logs, it just stops
Note that:
- Initializing the room without GaussianBlurBackgroundProcessor works fine
- Initializing with a background image ie. VirtualBackgroundProcessor also works fine
- Selecting GaussianBlurBackgroundProcessor after the room is already in progress works fine
Our workaround for now is to not load any BackgroundProcessor on initialization, but we would like to preserve the user's default background settings for their next session which necessitates loading GaussianBlurBackgroundProcessor on initialization, if selected.
Can anyone shed some light on why this is happening and how we can avoid it?
