Skip to content

Commit 3bae6bd

Browse files
FCE-2135: Document Picture in Picture (#196)
## Description Describe your changes in detail
1 parent e159c7b commit 3bae6bd

File tree

7 files changed

+553
-1
lines changed

7 files changed

+553
-1
lines changed

.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,3 +137,5 @@ build
137137
docs/api/mobile/**
138138
docs/api/web/**
139139
docs/api/server/**
140+
141+
.cursor/

docs/how-to/react-native/background-streaming.mdx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -201,3 +201,7 @@ useCallKitEvent("ended", () => {
201201

202202
</TabItem>
203203
</Tabs>
204+
205+
## See Also
206+
207+
For an enhanced user experience when your app is in the background, consider enabling [Picture in Picture](./picture-in-picture), which allows users to see video content in a floating window while using other apps.

docs/how-to/react-native/connecting.mdx

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,3 +90,12 @@ export function LeaveRoomButton() {
9090
return <Button onPress={onPressLeave} title="Leave Room" />;
9191
}
9292
```
93+
94+
## Next Steps
95+
96+
Now that you're connected to a room, you can explore additional features:
97+
98+
- [Start Streaming](./start-streaming) - Enable your camera and microphone
99+
- [List Other Peers](./list-other-peers) - Display video from other participants
100+
- [Picture in Picture](./picture-in-picture) - Allow users to watch video in a floating window
101+
- [Background Streaming](./background-streaming) - Keep calls active when the app is backgrounded

docs/how-to/react-native/list-other-peers.mdx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,3 +46,9 @@ export function ShowAllPeers() {
4646
);
4747
}
4848
```
49+
50+
:::tip[Enable Picture in Picture]
51+
52+
To allow users to continue watching video in a floating window when they background your app, wrap your video call UI with the `PipContainerView` component. See the [Picture in Picture guide](./picture-in-picture) for more details.
53+
54+
:::

0 commit comments

Comments
 (0)