一つの音声 Web コンポーネント

Orbz は、アプリの技術構成を制限せずに音声アシスタントへ視覚的な鼓動を与えます。通常のページ、React、Next.js、Vue、Svelte、Angular で同じ厳密な契約のカスタム要素を使えます。

はじめる · npm で見る  · デモを開く

一度インストールし、公開属性で操作。

ブラウザーエントリーポイントを登録し、マークアップに <orb-z> を配置して、アシスタントと同じ状態機械で制御します。コンポーネント内に隠れたテーマプロバイダー、スタイルシート、フレームワークランタイムはありません。

pnpm add @neongate-ai/orbz

<script type="module">
  import "@neongate-ai/orbz/browser";
</script>
 
<orb-z state="listening" size="300px"></orb-z>

詳しくははじめに、実行例、デモへ進むか、マイクロフロントエンド間の連携をお読みください。