TalkingAvatarView (React)

import { TalkingAvatarView } from "@interviewflowai/talking-avatar/react";

"use client";
import { useRef } from "react";
import { TalkingAvatarView } from "@interviewflowai/talking-avatar/react";

export function Agent({ stream }) {
  const avatar = useRef(null);

  return (
    <div style={{ width: 640, height: 360 }}>
      <TalkingAvatarView
        ref={avatar}
        avatarUrl="/avatar.glb"
        stream={stream}
        onError={console.error}
      />
      <button onClick={() => avatar.current?.speak("/hello.mp3")}>Say hello</button>
    </div>
  );
}