The people on the other side.
A little closer.

Give your application a voice. Add a camera. Share a point of view. Build around the ways people naturally connect.

MICROPHONEROOMPARTICIPANTS

Your interface. Their connection.

Start with a voice.

Enable microphone capture, mute and unmute, or switch an input device. Your application controls when it asks for permission.

Microphone reference ↗

01'use client';0203import { useLocalParticipant } from '@relayrtc/react';0405export function Microphone() {06  const local = useLocalParticipant();0708  return (09    <button10      disabled={!local}11      onClick={() => void local?.microphone12        .enable().catch(console.error)}13    >14      Enable microphone15    </button>16  );17}

Use inside a connected RelayRoom. Your participant token must allow this media publication.

Make it face to face.

Publish a camera track and request capture constraints. Enable and disable the camera for camera-on and camera-off controls.

Camera reference ↗

01'use client';0203import { useLocalParticipant } from '@relayrtc/react';0405export function Camera() {06  const local = useLocalParticipant();0708  return (09    <button10      disabled={!local}11      onClick={() => void local?.camera12        .enable().catch(console.error)}13    >14      Enable camera15    </button>16  );17}

Use inside a connected RelayRoom. Your participant token must allow this media publication.

Show what you mean.

Share a display from a user interaction. Start and stop screen video, with optional audio when supported by the selected source.

Screen-sharing guide ↗

01'use client';0203import { useLocalParticipant } from '@relayrtc/react';0405export function ScreenShare() {06  const local = useLocalParticipant();0708  return (09    <button10      disabled={!local}11      onClick={() => void local?.screen12        .start({ video: true, audio: true }).catch(console.error)}13    >14      Share screen15    </button>16  );17}

Use inside a connected RelayRoom. Your participant token must allow this media publication.

Joining is an invitation.
Capture is a choice.

Joining a room does not open the microphone or camera. Enable capture from a user interaction, handle permission errors, and give participants clear controls.

Media capture requires HTTPS or localhost and the appropriate token permissions. Remote playback may also need a user gesture.

Read the complete call flow

Make room for connection.

Choose an SDK. Create a room. Build your own realtime experience.

Download OSS

01'use client';0203import { useLocalParticipant } from '@relayrtc/react';0405export function Microphone() {06 const local = useLocalParticipant();0708 return (09 <button10 disabled={!local}11 onClick={() => void local?.microphone12 .enable().catch(console.error)}13 >14 Enable microphone15 </button>16 );17}

01'use client';0203import { useLocalParticipant } from '@relayrtc/react';0405export function Camera() {06 const local = useLocalParticipant();0708 return (09 <button10 disabled={!local}11 onClick={() => void local?.camera12 .enable().catch(console.error)}13 >14 Enable camera15 </button>16 );17}

The people on the other side.A little closer.

Your interface. Their connection.

Start with a voice.

Make it face to face.

Show what you mean.

Joining is an invitation.Capture is a choice.

Make room for connection.

The people on the other side.A little closer.

Your interface. Their connection.

Start with a voice.

Make it face to face.

Show what you mean.

Joining is an invitation.Capture is a choice.

Make room for connection.

The people on the other side.
A little closer.

Joining is an invitation.
Capture is a choice.

The people on the other side.
A little closer.

Joining is an invitation.
Capture is a choice.