Quickstart

DIGITAL_HUMAN_API_KEY=your_api_key
DIGITAL_HUMAN_ID=your_digital_human_id

import { createDigitalHumanClient } from "digital-human/server";

const client = createDigitalHumanClient({
  apiKey: process.env.DIGITAL_HUMAN_API_KEY!,
});

export async function POST(request: Request) {
  const session = await client.createSession({
    idempotencyKey: request.headers.get("Idempotency-Key") ?? crypto.randomUUID(),
    digitalHumanId: process.env.DIGITAL_HUMAN_ID!,
  });

  if (!session.connection) {
    return Response.json({ message: "Session is not connectable" }, { status: 409 });
  }

  return Response.json(session.connection, {
    status: 201,
    headers: { "Cache-Control": "no-store" },
  });
}

"use client";

import "@livekit/components-styles";
import { VideoConference } from "@livekit/components-react";
import type { SessionConnection } from "digital-human";
import { DigitalHumanRoom } from "digital-human/react";
import { useState } from "react";

export function Call() {
  const [connection, setConnection] = useState<SessionConnection | null>(null);

  async function start() {
    const response = await fetch("/api/session", {
      method: "POST",
      headers: { "Idempotency-Key": crypto.randomUUID() },
    });
    if (!response.ok) throw new Error("Unable to start session");
    setConnection(await response.json());
  }

  if (!connection) return <button onClick={() => void start()}>Start call</button>;

  return (
    <DigitalHumanRoom connection={connection}>
      <VideoConference />
    </DigitalHumanRoom>
  );
}