Merge branch 'eli/webrtc-with-pip' into 0.7-rc

js/app/app.config.ts

···
         "expo-video",
         "expo-web-browser",
         streamplaceReactNativeWebRTC,
+        [
+          "expo-video",
+          {
+            supportsBackgroundPlayback: true,
+            supportsPictureInPicture: true,
+          },
+        ],
         ["expo-sqlite", { useSQLCipher: true }],
         "expo-file-system",
         [

js/app/components/player/video.native.tsx

···
   useStreamplaceStore,
 } from "@streamplace/components";
 import { useVideoPlayer, VideoPlayerEvents, VideoView } from "expo-video";
-import { useEffect } from "react";
-import { MediaStream, RTCView } from "react-native-webrtc";
+import { useEffect, useRef } from "react";
+import { MediaStream, RTCPIPView, RTCView } from "react-native-webrtc";
 import { View } from "tamagui";
 import { srcToUrl } from "./shared";
 import useWebRTC from "./use-webrtc";
···
       onFullscreenExit={() => {
         setFullscreen(false);
       }}
-      allowsPictureInPicture
+      // allowsPictureInPicture
+      // startsPictureInPictureAutomatically
     />
   );
 }
···
     { src: src, selectedRendition },
     PlayerProtocol.WEBRTC,
   );
+  const rtcView = useRef<typeof RTCPIPView>(null);
   const [stream, stuck] = useWebRTC(url);
 
   const setStatus = usePlayerStore((x) => x.setStatus);
···
     return <View></View>;
   }
 
+  let pipOptions = {
+    startAutomatically: true,
+    fallbackView: (
+      <View style={{ height: 50, width: 50, backgroundColor: "red" }} />
+    ) as any,
+    preferredSize: {
+      width: 854,
+      height: 480,
+    },
+  };
+
   return (
     <RTCView
+      ref={rtcView as any}
       mirror={false}
       objectFit={"contain"}
       streamURL={mediaStream.toURL()}
       style={{
         backgroundColor: "#111",
         flex: 1,
+      }}
+      pictureInPictureEnabled={true}
+      autoStartPictureInPicture={true}
+      pictureInPicturePreferredSize={{
+        width: 160,
+        height: 90,
       }}
     />
   );

js/app/package.json

···
     "react-native-screens": "~4.11.1",
     "react-native-svg": "15.12.0",
     "react-native-web": "^0.20.0",
-    "react-native-webrtc": "^124.0.5",
+    "react-native-webrtc": "git+https://github.com/EdgarJMesquita/react-native-webrtc.git#8bae93dc32d6c80b61f12a04974886a6812fbca6",
     "react-native-webview": "13.15.0",
     "react-redux": "^9.1.2",
     "react-use-websocket": "^4.13.0",

pnpm-lock.yaml

···
         specifier: ^0.20.0
         version: 0.20.0(encoding@0.1.13)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-native-webrtc:
-        specifier: ^124.0.5
-        version: 124.0.5(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))
+        specifier: git+https://github.com/EdgarJMesquita/react-native-webrtc.git#8bae93dc32d6c80b61f12a04974886a6812fbca6
+        version: https://codeload.github.com/EdgarJMesquita/react-native-webrtc/tar.gz/8bae93dc32d6c80b61f12a04974886a6812fbca6(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))
       react-native-webview:
         specifier: 13.15.0
         version: 13.15.0(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)
···
     peerDependencies:
       react-native: '>=0.60.0'
 
-  react-native-webrtc@124.0.5:
-    resolution: {integrity: sha512-LIQJKst+t53bJOcQef9VXuz3pVheSBUA4olQGkxosbF4pHW1gsWoXYmf6wmI2zrqOA+aZsjjB6aT9AKLyr6a0Q==}
+  react-native-webrtc@https://codeload.github.com/EdgarJMesquita/react-native-webrtc/tar.gz/8bae93dc32d6c80b61f12a04974886a6812fbca6:
+    resolution: {tarball: https://codeload.github.com/EdgarJMesquita/react-native-webrtc/tar.gz/8bae93dc32d6c80b61f12a04974886a6812fbca6}
+    version: 124.0.5
     peerDependencies:
       react-native: '>=0.60.0'
 
···
     transitivePeerDependencies:
       - supports-color
 
-  react-native-webrtc@124.0.5(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)):
+  react-native-webrtc@https://codeload.github.com/EdgarJMesquita/react-native-webrtc/tar.gz/8bae93dc32d6c80b61f12a04974886a6812fbca6(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)):
     dependencies:
       base64-js: 1.5.1
       debug: 4.3.4