Real-time Voice Interface
Powered by Google's Gemini Live API for natural, conversational interactions
Add real-time voice interaction to any web application in minutes
import { Vowel, createDirectAdapters } from '@vowel.to/client';
import { useRouter } from 'next/navigation';
// Create adapters for navigation + page automation
const router = useRouter();
const { navigationAdapter, automationAdapter } = createDirectAdapters({
navigate: (path) => router.push(path),
routes: [
{ path: '/', description: 'Home page' },
{ path: '/products', description: 'Product catalog' }
],
enableAutomation: true // Enable voice page interaction
});
const vowel = new Vowel({
appId: 'your-app-id',
navigationAdapter, // Voice navigation
automationAdapter // Voice page interaction
});
// Register a custom action
vowel.registerAction('search', {
description: 'Search for products',
parameters: {
query: { type: 'string', description: 'Search query' }
}
}, async ({ query }) => {
// Your search logic
return { success: true };
});
// Start voice session
await vowel.startSession();
// Programmatically notify user of events
await vowel.notifyEvent('Order placed successfully!', {
orderId: '12345',
total: 99.99
});Building voice interfaces from scratch is complex. Vowel handles the hard parts:
You focus on your application logic and custom actions.