Fix Android 11 freezing issues

Following this thread twilio/twilio-video-app-react#355 Calling the `stream.removeTrack` before `.stop()` fixes the freezing issues in Android 11.
BrendonSled · May 17, 2021 · bfdac5a · bfdac5a
1 parent 5cd4869
commit bfdac5a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/react-webcam.tsx b/src/react-webcam.tsx
@@ -152,8 +152,14 @@ export default class Webcam extends React.Component<WebcamProps, WebcamState> {
   private static stopMediaStream(stream: MediaStream | null) {
     if (stream) {
       if (stream.getVideoTracks && stream.getAudioTracks) {
-        stream.getVideoTracks().map(track => track.stop());
-        stream.getAudioTracks().map(track => track.stop());
+        stream.getVideoTracks().map(track => {
+          stream.removeTrack(track);
+          track.stop();
+        });
+        stream.getAudioTracks().map(track => {
+          stream.removeTrack(track);
+          track.stop()
+        });
       } else {
         ((stream as unknown) as MediaStreamTrack).stop();
       }