itannix-sdk Svelte Themes

Itannix Sdk

ItanniX Voice Client SDKs for React, Svelte, and Vue

ItanniX Voice SDK

Official SDKs for the ItanniX Voice AI platform. Add real-time voice interactions to your app with a few lines of code.

Packages

Package Framework Installation
@itannix/react React npm install @itannix/react
@itannix/svelte Svelte npm install @itannix/svelte
@itannix/vue Vue 3 npm install @itannix/vue

Features

  • Real-time voice conversations with AI assistants
  • WebRTC-based low-latency audio streaming
  • Speech-to-text transcription
  • Streaming assistant responses
  • Function calling support
  • Simple hook/composable and component APIs

Quick Example

React

import { useVoiceClient } from '@itannix/react';

function App() {
  const { status, connect, disconnect } = useVoiceClient({
    clientId: 'your-client-id',
    clientSecret: 'your-client-secret',
    onTranscript: (text) => console.log('You:', text),
    onAssistantMessage: (text, done) => {
      if (done) console.log('Assistant:', text);
    }
  });

  return (
    <div>
      <button onClick={connect}>Start</button>
      <button onClick={disconnect}>Stop</button>
    </div>
  );
}

Svelte

<script>
  import { VoiceAssistant } from '@itannix/svelte';
  let assistant;
</script>

<VoiceAssistant
  clientId="your-client-id"
  clientSecret="your-client-secret"
  bind:this={assistant}
  on:transcript={(e) => console.log('You:', e.detail)}
  on:assistantMessage={(e) => {
    if (e.detail.done) console.log('Assistant:', e.detail.text);
  }}
/>

<button onclick={() => assistant.connect()}>Start</button>
<button onclick={() => assistant.disconnect()}>Stop</button>

Vue

<template>
  <button @click="connect">Start</button>
  <button @click="disconnect">Stop</button>
</template>

<script setup>
import { useVoiceClient } from '@itannix/vue';

const { connect, disconnect } = useVoiceClient({
  clientId: 'your-client-id',
  clientSecret: 'your-client-secret',
  onTranscript: (text) => console.log('You:', text),
  onAssistantMessage: (text, done) => {
    if (done) console.log('Assistant:', text);
  }
});
</script>

Getting Started

  1. Sign up at itannix.com and create a client
  2. Install the SDK for your framework
  3. Use your client ID and secret to connect

See the quickstart examples for complete working demos.

Documentation

License

MIT

Top categories

Loading Svelte Themes