Voxide icon

Voxide

Voxide 是適用於網站的 voice AI SDK,可將口語或輸入請求連結到已註冊的 JavaScript 函式,支援即時狀態、路由與 React 及非 React 網站整合。

Voxide

瀏覽器型網頁應用程式的語音 AI

Voxide 是適用於網站的 voice AI SDK,可讓您將自然語言輸入連結到應用程式真正的 JavaScript 函式。它不是另外新增一個聊天體驗,而是先註冊 agent 可在使用者說話或輸入時呼叫的功能,然後由 SDK 在瀏覽器中執行這些動作。

此產品被定位為網站應用程式的 capability-first 執行層。它可以讀取即時狀態、追蹤路由,並與 React、Next.js、Vue、Svelte、Angular、Solid、Django、Rails、Laravel、WordPress 和純 HTML 搭配使用;在 React 路徑上提供預先建置的 widget,而其他技術棧則提供無介面客戶端。

功能

透過已註冊 capabilities 執行動作

將 JavaScript 函式公開為 capabilities,讓 agent 能從自然語言請求觸發真正的應用程式動作,例如購物車更新、優惠券處理或其他型別化的處理器。

即時狀態感知

將目前的 UI 狀態綁定到 agent,讓它能根據使用者當前所見內容回應,包括路由、購物車內容與其他即時頁面資料。

路由與導覽控制

將導覽作為語音工作流程的一部分來處理,包括在請求對應到路由變更時,將使用者帶到如帳單或其他應用內頁面等路由。

React 元件與無介面客戶端選項

使用內建的 React 元件,內含聊天面板、語音列、orb 與 visualizer;或在其他技術棧使用無介面客戶端時,自行建立您的介面。

危險動作確認

將具破壞性的動作標記為 dangerous,讓 SDK 在繼續之前暫停並要求 UI 確認。

多種整合路徑

透過 React 套件、核心 import,或供伺服器渲染或靜態網站使用的 script 標籤,支援不同的實作路徑。

使用情境

  • 電子商務操作

    建立支援語音的購物流程,讓使用者可以說出例如將商品加入購物車之類的指令,而您註冊的 handler 會在應用程式中更新購物車。

  • 應用內導覽

    讓使用者透過說出目的地,在產品頁面、帳單區塊或帳戶區域之間移動,而 SDK 負責處理路由變更。

  • SaaS 儀表板與工作流程

    讓 SaaS 使用者能從瀏覽器觸發應用程式功能,例如套用優惠券,或在已驗證的工作階段中呼叫其他已註冊 capabilities。

  • 內部工具

    將語音輸入連結到內部工具或管理頁面,當介面已經建好且團隊希望 agent 操作既有控制項,而不是重複實作邏輯時非常適合。

  • 非 React 或伺服器渲染網站

    當您想要在不採用 React widget 的情況下提供語音控制,可在 Vue、Django、Rails 或純 HTML 網站上使用無介面整合路徑。

Pros and Cons

Pros

  • 可將口語或輸入請求直接對應到應用程式函式,而不只是把 agent 限制在對話中。
  • 在瀏覽器中運作,讓 agent 可以讀取即時 UI 狀態並使用目前的工作階段內容。
  • 支援多種實作路徑,從帶有 widget 的 React 到其他框架或純 HTML 的無介面整合皆可。
  • 包含危險動作的確認步驟,有助於保護具破壞性的工作流程。
  • 提供免費起始方案以及兩種付費使用選項,讓團隊能在承諾前先測試。

Cons

  • 非 React 路徑是無介面的,因此您需要自行建立介面,而不是自動取得 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,之後您可以選擇月費方案或按 session 計費。

Voxide 真的能控制我的網站,還是只能回答問題?

來源將 Voxide 描述為執行引擎而非聊天機器人:它可以呼叫已註冊的 JavaScript 函式、讀取即時狀態,並導覽 UI。其設計目的是在不重寫應用程式的情況下,讓網站可透過語音控制。

Quick Facts

類別
Voice AI SDK
主要用途
為網站與網頁應用程式加入語音控制
支援路徑
React/Next.js widget、無介面 core import、供伺服器渲染或靜態網站使用的 script 標籤
提及的框架
React、Next.js、Vue、Svelte、Angular、Solid、Django、Rails、Laravel、WordPress、Astro、Hugo、純 HTML
價格
免費方案含 5 個 sessions,另有 Pro 與按量付費方案
來源網域
voxide.app