Screenshots
Screenshots
Capture high-resolution screenshots of participant video or screen shares using useScreenshot.
Dominant speaker screenshot example:
import { Image } from "react-native";
import {
useCallStateHooks,
useScreenshot,
} from "@stream-io/video-react-native-sdk";
// get the speaker that needs to be screenshot
const { useDominantSpeaker } = useCallStateHooks();
const dominantSpeaker = useDominantSpeaker();
const { takeScreenshot } = useScreenshot();
const base64PngImage = await takeScreenshot(dominantSpeaker, "videoTrack");
// Display the screenshot
<Image
source={{ uri: `data:image/png;base64,${base64PngImage}` }}
resizeMode="contain"
/>;Screenshot Options
Video Track Screenshots
Capture video feed:
import { useScreenshot } from "@stream-io/video-react-native-sdk";
const { takeScreenshot } = useScreenshot();
const base64PngImage = await takeScreenshot(participant, "videoTrack");Screen Sharing Screenshots
Capture screen share:
import { useScreenshot } from "@stream-io/video-react-native-sdk";
const { takeScreenshot } = useScreenshot();
const base64PngImage = await takeScreenshot(participant, "screenShareTrack");Note:
The SDK captures screenshots but does not store them. Implement gallery/cloud storage separately.