@atzentis/meeting-react

React hooks and components for the atzentis-video platform. Built on top of @atzentis/meeting-sdk.

Install

npm install @atzentis/meeting-react @atzentis/meeting-sdk react react-dom

Quick Start

import { MeetingProvider, useMeeting } from '@atzentis/meeting-react';

function App() {
  return (
    <MeetingProvider apiKey="atz_live_xxx">
      <MeetingRoom />
    </MeetingProvider>
  );
}

function MeetingRoom() {
  const { room, join, leave, toggleAudio, toggleVideo } = useMeeting();

  return (
    <div>
      <h1>{room?.name}</h1>
      <button onClick={join}>Join</button>
      <button onClick={leave}>Leave</button>
      <button onClick={toggleAudio}>Toggle Audio</button>
      <button onClick={toggleVideo}>Toggle Video</button>
    </div>
  );
}

Hooks

• useMeeting — Meeting state, join/leave, media controls
• useParticipants — Participant list, speaking detection, moderator actions
• useWhiteboard — Whiteboard state, export, collaborators
• useRecording — Playback, transcript, chapters
• useBreakouts — Breakout room management
• useClassroom — Hand raising, polls, spotlight, attendance

SSR Support

MeetingProvider is SSR-safe for Next.js. WebSocket connections are only established on the client.

License

MIT