Voxide icon

Voxide

Voxide 是一款面向网站的 voice AI SDK,可将语音或输入请求连接到已注册的 JavaScript 函数,支持实时状态感知、路由控制,并可适配 React 与非 React Web 技术栈。

Voxide

面向浏览器 Web 应用的语音 AI

Voxide 是一款面向网站的 voice AI SDK,可将自然语言输入连接到你应用中真实的 JavaScript 函数。它不需要再添加单独的聊天体验,而是注册 agent 可以在用户说话或输入时调用的能力,并由 SDK 在浏览器中执行这些操作。

该产品定位为 Web 应用的 capability-first 执行层。它可以读取实时状态、跟随路由,并可与 React、Next.js、Vue、Svelte、Angular、Solid、Django、Rails、Laravel、WordPress 以及纯 HTML 协同工作;在 React 路径上提供预构建 widget,在其他技术栈中则提供 headless client。

功能

通过已注册能力执行操作

将 JavaScript 函数公开为能力,让 agent 可以根据自然语言请求触发真实的应用操作,例如更新购物车、处理优惠券或调用其他已定义的处理器。

实时状态感知

将当前 UI 状态绑定到 agent,使其能够基于用户所见内容进行响应,包括路由、购物车内容以及其他实时页面数据。

路由与导航控制

将导航作为语音流程的一部分来处理,当请求对应路由变更时,包含将用户带到结账或其他应用内页面。

React widget 与 headless client 选项

使用预构建的 React widget,其中包含聊天面板、语音栏、orb 和可视化器;或者在其他技术栈上使用 headless client 自行构建界面。

危险操作确认

将破坏性操作标记为危险操作,以便 SDK 在继续之前暂停并请求 UI 确认。

多种集成路径

通过 React package、core import 或 script 标签支持不同的实现路径,适用于服务端渲染或静态站点。

使用场景

  • 电商操作

    添加一个支持语音的购物流程,让用户可以说出诸如将商品加入购物车之类的指令,并由你注册的处理器在应用中更新购物车。

  • 应用内导航

    让用户通过说出目的地,在产品页面、结账区域或账户区域之间移动,同时由 SDK 处理路由变更。

  • SaaS 仪表板与工作流

    为 SaaS 用户提供一种从浏览器触发应用函数的方式,例如在已认证会话中应用优惠券或调用其他已注册能力。

  • 内部工具

    将语音输入连接到内部工具或管理页面,这些界面已经构建完成,团队希望 agent 操作现有控件,而不是重复实现逻辑。

  • 非 React 或服务端渲染站点

    当你希望在不采用 React widget 的情况下实现语音控制时,可在 Vue、Django、Rails 或纯 HTML 站点上使用 headless 集成路径。

Pros and Cons

Pros

  • 将语音或输入请求直接映射到应用函数,而不是将 agent 限制在对话中。
  • 在浏览器中运行,这使得 agent 可以读取实时 UI 状态并使用当前会话上下文。
  • 支持多种实现路径,从带 widget 的 React 到其他框架或纯 HTML 中的 headless 集成。
  • 包含危险操作的确认步骤,有助于保护破坏性工作流。
  • 提供免费起步层以及两种付费用量选项,方便团队在正式投入前进行测试。

Cons

  • 非 React 路径是 headless 的,因此你需要自行构建界面,而不会自动获得 widget。
  • 源文档提到非 React 站点的即插即用嵌入正在规划中,但目前尚不可用。
  • 某些设置细节与框架相关,因此团队需要根据自己的技术栈查看相应文档。

FAQ

我需要自己构建语音/聊天 UI 吗?

在 React 中,Voxide 提供可直接嵌入的 `<VoxideWidget />`,包含麦克风、波形动画和聊天记录。在其他技术栈中,客户端是无界面的,你需要自行构建界面。

我的 publishable key 在浏览器中使用安全吗?

文档说明,publishable key 可以安全地暴露在前端代码中,但你必须在控制台中配置 Domain Whitelist。Voxide 使用严格的 CORS 检查来拒绝未授权的 WebSocket 连接。

Voxide 支持哪些框架和站点类型?

Voxide 可通过安装 React 包、使用 core import,或加载 script 标签来设置。框架文档说明其支持 React/Next.js、Vue、Svelte、Angular、Solid、Django、Rails、Laravel、Go templates、WordPress、Astro、Hugo 以及纯 HTML。

Voxide 的定价如何运作?

定价页将一次 session 定义为与 agent 的一整段语音或文本对话。免费层包含 5 个 sessions,之后你可以选择月度计划或按次付费。

Voxide 真的能控制我的网站,还是只能回答问题?

源文档将 Voxide 描述为一个执行引擎,而不是聊天机器人:它可以调用已注册的 JavaScript 函数、读取实时状态并导航 UI。它旨在让网站实现语音控制,而无需重写应用。

Quick Facts

类别
Voice AI SDK
主要用途
为网站和 Web 应用添加语音控制
支持路径
React/Next.js widget、headless core import、适用于服务端渲染或静态站点的 script 标签
提到的框架
React、Next.js、Vue、Svelte、Angular、Solid、Django、Rails、Laravel、WordPress、Astro、Hugo、纯 HTML
定价
包含 5 个 sessions 的免费层,以及 Pro 和按量付费计划
源域名
voxide.app