Vapi integration with deepgram
# support
a
I am trying to integrate vapi with deep grammar but I could not do it. So anyone can help me in integration of vapi with deepgram or any other text transcription api's like talkscriber etc
v
message has been deleted
@Ammar Haider Absolutely, I'd be happy to help you integrate VAPI with Deepgram or other transcription services like Talkscriber. To get started, could you please provide me with more details about where you're encountering difficulties? For instance, are you having trouble with the API requests, handling the responses, or something else? Once I have a bit more context, I'll be able to give you more specific guidance.
You can continue this conversation by mentioning me in the message.
a
I am having issues in handling responses how can I provide my conservation at real time as input to deepgram so that it can transcribe it
Please tell me how can I resolve the issue
s
Hey @Ammar Haider you don't need to explicitly integrate deepgram, as it's already done for you. Just select the deepgram as provider under tanscription service and then it wll work.
a
In my assistant I had already selected deepgram for transcription
@Shubham Bajaj bro can you tell me how can I use it
I want to show transcripted text on my web how can I achieve that. Is there any function or something else that I can use to get real time transcripted text
s
use server event of type transcript and to know more about, you can find more details about it over here:- https://api.vapi.ai/api#/Assistants/AssistantController_findOne
a
Thanks bro I try it
@Shubham Bajaj brother following is my code but i am still not able to get transcription: import Vapi from "@vapi-ai/web"; import { useState, useEffect } from "react"; const vapiConfig = { transcription: { provider: "deepgram", model: "nova-2-general", language: "en", smartFormat: true, codeSwitchingEnabled: false, endpointing: 300, } }; export const vapi = new Vapi("xyz", vapiConfig); function VapiAssistant() { const [callStatus, setCallStatus] = useState("inactive"); const [transcription, setTranscription] = useState(""); const start = async () => { setCallStatus("loading"); try { await vapi.start("xyz"); } catch (error) { console.error("Error starting VAPI:", error); setCallStatus("inactive"); } }; const stop = () => { setCallStatus("loading"); try { vapi.stop(); } catch (error) { console.error("Error stopping VAPI:", error); } }; useEffect(() => { vapi.on("call-start", () => { console.log("Call started"); setCallStatus("active"); }); vapi.on("call-end", () => { console.log("Call ended"); setCallStatus("inactive"); setTranscription(""); }); vapi.on("transcription", (text) => { console.log("Transcription received:", text); setTranscription(text); }); return () => vapi.removeAllListeners(); }, []); return ( {callStatus === "inactive" ? ( Start ) : null} {callStatus === "loading" ? Loading... : null} {callStatus === "active" ? ( Stop Transcription: {transcription} ) : null} ); } export default VapiAssistant;
please @Shubham Bajaj can you tell me what is issue in my code
@Shubham Bajaj bro can you tell me correct end point name because i have tried all of these transcirption, transcribe, transcript and transcripts as well
but i am getting 404 error on all of these
s
Hey @Ammar Haider To help track down this issue, could you share: - The call ID - When exactly this happened (the timestamp) - What response you expected to get - What response you actually got instead This would really help me figure out what went wrong!
@Shubham Bajaj i want to get the text of what user says and also the text of response of vapi as well and i want to show the text from both user and vapi response in real time on my web app page.
@Shubham Bajaj my call fails at start so i am not able to get some call id
s
Hey @Ammar Haider I have looked into the screenshot that you have shared and looks your messing up everything wrong with your code. Now for me to help you I can point you to vapi code examples which are already available here: - https://github.com/VapiAI/client-sdk-web - https://github.com/VapiAI/client-example-javascript-react/tree/master - https://github.com/VapiAI/client-example-javascript-next You can check from these, how we are displaying the transcription on the web. If you are still blocked then you have to share your code so i can exactly pin point what your doing wrong and where your doing wrong.
12 Views