@fishaudio/代理反应

反应钩和组件 鱼声 语音代理商,基于 @fishaudio/agent-client。 。 。 .

安装

npm install @fishaudio/agent-react

需要反应 18+.

快速启动

"use client";

import { useConversation } from "@fishaudio/agent-react";

export function VoiceWidget() {
  const conversation = useConversation();

  const start = async () => {
    const sessionToken = await fetch("/api/voice-session", { method: "POST" }).then((r) => r.json());
    await conversation.startSession({ sessionToken });
  };

  return conversation.status === "connected" ? (
    <button onClick={() => conversation.endSession()}>
      End call{conversation.isSpeaking ? " · speaking" : ""}
    </button>
  ) : (
    <button onClick={start}>Start call</button>
  );
}

当组件卸载时,钩子会自动结束会话. 从所需的用户交互路径开始调用,在React BreatMode效果回放下是安全的.

文档

• 反应 SDK 覆盖快速启动,下一个Js, useConversation供应商, useAgentMessages和音频视觉.

认证、事件、客户工具和出错均与 网络 SDK。这里的一切都适用.