*** ## title: 'Example: Half-cascade with ElevenLabs' ## Overview This half-cascade example uses OpenAI Realtime for speech‑to‑text and reasoning, then sends OpenAI text responses to ElevenLabs Realtime TTS. **⬇️ Jump to the [Full VoxEngine scenario](#full-voxengine-scenario).** ## Prerequisites * Store your OpenAI API key in Voximplant `ApplicationStorage` under `OPENAI_API_KEY`. * (Optional) Update the `ELEVENLABS_VOICE_ID` constant in the example to your preferred voice. * (Optional) Store your ElevenLabs API key in Voximplant `ApplicationStorage` under `ELEVENLABS_API_KEY` if you want to use your own ElevenLabs account. ## How it works * OpenAI runs in text mode (`output_modalities: ["text"]`). * Caller audio is sent to OpenAI: `call.sendMediaTo(voiceAIClient)`. * ElevenLabs generates speech from OpenAI text and streams it to the call. ## Notes * The example uses `eleven_turbo_v2_5`. * The example instructs the agent to reply in English. * Do not set audio format parameters (for example `ulaw_8000`) in half-cascade connector requests. VoxEngine's WebSocket gateway handles media format negotiation automatically. * If no ElevenLabs API key is provided, Voximplant's default account and billing are used. * Custom / cloned voices are only available when using your own API key. * Use `append(text, true)` for each response chunk so playback stays responsive. * No audio format/codec params should be passed for this half-cascade flow. ## More info * OpenAI module API: [https://voximplant.com/docs/references/voxengine/openai](https://voximplant.com/docs/references/voxengine/openai) * OpenAI Realtime guide: [https://voximplant.com/docs/guides/ai/openai-realtime](https://voximplant.com/docs/guides/ai/openai-realtime) * ElevenLabs module API: [https://voximplant.com/docs/references/voxengine/elevenlabs](https://voximplant.com/docs/references/voxengine/elevenlabs) * Realtime TTS guide: [https://voximplant.com/docs/guides/speech/realtime-tts](https://voximplant.com/docs/guides/speech/realtime-tts) ## Full VoxEngine scenario ```javascript title={"voxeengine-openai-half-cascade-elevenlabs.js"} maxLines={0} /** * Voximplant + OpenAI Realtime API + ElevenLabs TTS demo * Scenario: OpenAI handles STT/LLM, ElevenLabs handles TTS (half-cascade). */ require(Modules.OpenAI); require(Modules.ElevenLabs); require(Modules.ApplicationStorage); const SYSTEM_PROMPT = ` You are Voxi, a helpful phone assistant. Keep responses short and telephony-friendly. Always reply in English. `; const ELEVENLABS_VOICE_ID = "21m00Tcm4TlvDq8ikWAM"; const ELEVENLABS_MODEL_ID = "eleven_turbo_v2_5"; const SESSION_CONFIG = { session: { type: "realtime", instructions: SYSTEM_PROMPT, output_modalities: ["text"], turn_detection: {type: "server_vad", interrupt_response: true}, }, }; VoxEngine.addEventListener(AppEvents.CallAlerting, async ({call}) => { let voiceAIClient; let ttsPlayer; call.addEventListener(CallEvents.Disconnected, () => VoxEngine.terminate()); call.addEventListener(CallEvents.Failed, () => VoxEngine.terminate()); try { call.answer(); // call.record({hd_audio: true, stereo: true}); // Optional: record the call const openAiKey = (await ApplicationStorage.get("OPENAI_API_KEY")).value; voiceAIClient = await OpenAI.createRealtimeAPIClient({ apiKey: openAiKey, model: "gpt-realtime", onWebSocketClose: (event) => { Logger.write("===OpenAI.WebSocket.Close==="); if (event) Logger.write(JSON.stringify(event)); VoxEngine.terminate(); }, }); voiceAIClient.addEventListener(OpenAI.RealtimeAPIEvents.SessionCreated, () => { voiceAIClient.sessionUpdate(SESSION_CONFIG); }); voiceAIClient.addEventListener(OpenAI.RealtimeAPIEvents.SessionUpdated, () => { call.sendMediaTo(voiceAIClient); // bridge media between the call and OpenAI // create the TTS player and pass the config parameters ttsPlayer = ElevenLabs.createRealtimeTTSPlayer(" ", { // headers: [{name: "xi-api-key", value: (await ApplicationStorage.get("ELEVENLABS_API_KEY")).value}], // optional pathParameters: {voice_id: ELEVENLABS_VOICE_ID}, queryParameters: { model_id: ELEVENLABS_MODEL_ID, }, }); ttsPlayer.sendMediaTo(call); // bridge media between the TTS player and the call voiceAIClient.responseCreate({instructions: "Hello! How can I help today?"}); }); voiceAIClient.addEventListener(OpenAI.RealtimeAPIEvents.ResponseOutputTextDone, (event) => { const payload = event?.data?.payload || event?.data || {}; const text = payload.text || payload.delta; if (!text || !ttsPlayer) return; Logger.write(`===AGENT_TEXT=== ${text}`); ttsPlayer.append(text, true); }); // Barge-in: clear both OpenAI and ElevenLabs buffers voiceAIClient.addEventListener(OpenAI.RealtimeAPIEvents.InputAudioBufferSpeechStarted, () => { Logger.write("===BARGE-IN: OpenAI.InputAudioBufferSpeechStarted==="); voiceAIClient.clearMediaBuffer(); ttsPlayer?.clearBuffer(); }); // ---------------------- Log all other events for debugging ----------------------- [ OpenAI.RealtimeAPIEvents.ResponseCreated, OpenAI.RealtimeAPIEvents.ResponseDone, OpenAI.RealtimeAPIEvents.ResponseOutputTextDelta, OpenAI.RealtimeAPIEvents.ConnectorInformation, OpenAI.RealtimeAPIEvents.HTTPResponse, OpenAI.RealtimeAPIEvents.WebSocketError, OpenAI.RealtimeAPIEvents.Unknown, OpenAI.Events.WebSocketMediaStarted, OpenAI.Events.WebSocketMediaEnded, ].forEach((eventName) => { voiceAIClient.addEventListener(eventName, (event) => { Logger.write(`===${event.name}===`); if (event?.data) Logger.write(JSON.stringify(event.data)); }); }); } catch (error) { Logger.write("===UNHANDLED_ERROR==="); Logger.write(error); voiceAIClient?.close(); VoxEngine.terminate(); } }); ```