Web call
Make a web call to your assistant from a browser
Overview
This guide shows you how to integrate live, two-way voice calls with your Vapi assistant into any web app. You can use Vapi in plain JavaScript, React, Next.js, or any other web framework.
Get started with either the Vapi web SDK or by connecting to an assistant you created in the dashboard.
See the full next.js demo here on v0. To try it live and make edits, follow these steps:
- Fork the app in v0
- Go to settings —> environment variables
- Create a new environment variable called
NEXT_PUBLIC_VAPI_API_KEY
- Add your public api key from the dashboard!
Installation
Get started
Using the SDK
In the dashboard
Create an assistant
Create an assistant object.
Parameters:
name
sets the display name for the assistant (internal use)firstMessage
is the first message the assistant saystranscriber
selects the speech-to-text provider and modelvoice
selects the text-to-speech provider and voicemodel
sets the LLM provider, model, and system prompt