Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Publish user media without rendering the user’s local face.
import "@livekit/components-styles";
import { ControlBar } from "@livekit/components-react";
import { DigitalHumanRoom, DigitalHumanVideo } from "digital-human/react";
export function EmbeddedDigitalHuman({ connection }) {
return (
<DigitalHumanRoom connection={connection} audio video>
<div className="digital-human-frame">
<DigitalHumanVideo fallback={<p>Waiting for the digital human…</p>} />
<ControlBar
variation="minimal"
controls={{
microphone: true,
camera: true,
screenShare: false,
chat: false,
leave: false,
}}
/>
</div>
</DigitalHumanRoom>
);
}
audio and video publish the user’s permitted microphone and camera tracks.
Because the component tree contains no local participant tile, the user camera
is streamed to the room but not shown in the page.
DigitalHumanVideo accepts the same presentation props as LiveKit’s video
track component, including className and inline styles:
.digital-human-frame {
position: fixed;
right: 1.5rem;
bottom: 1.5rem;
width: min(28rem, calc(100vw - 3rem));
aspect-ratio: 16 / 9;
}
.digital-human-frame video {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 1rem;
}