PurpleCallio

Official example

Screen sharing example

Add the official React screen-share control inside an authenticated meeting provider.

Example

example.ts
import { MeetingProvider, ScreenShareButton } from "@purplecallio/react";

<MeetingProvider token={participantToken} callId={callId} signalUrl={signalUrl}>
  <ScreenShareButton />
</MeetingProvider>

Security

Keep PURPLECALLIO_API_KEY on a trusted backend. Return participant-specific session information to the browser instead of exposing the project API key.

Build with PurpleCallio

Explore the documentation to choose hosted UI, React components, or the headless SDK for your integration.