Official example

React video calling example

Compose a video meeting UI from official PurpleCallio React components.

Example

example.ts

import { MeetingProvider, ParticipantGrid, CameraButton, MicrophoneButton } from "@purplecallio/react";

<MeetingProvider token={participantToken} callId={callId} signalUrl={signalUrl}>
  <ParticipantGrid />
  <CameraButton />
  <MicrophoneButton />
</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.

Read the quickstart Create an account