Speaker 1: In this video I'm going to show you an example with V0Cursor as well as Grok to quickly build out a transcription application. I'm first going to go over to V0. I'm going to say I want a UI component that accepts a audio file. Then once it's submitted to be transcribed the transcription will show on the right hand side with the ability to download it. We'll send that through and here we see it generating we have this really beautiful UI component. That's really where V0 shines is it has this really great implementation of how to build out these React components with Shadcny. What we're going to do here is we're going to copy this command from V0 and I'm going to bunx create next app. We're going to create a brand new Next.js project and then what we're going to do here is I'm going to paste in the command that we got from V0. Then we're going to install that component from V0. We see this audio transcription component. What I'm going to do here is I'm just going to add in our audio transcription component. That is a nice feature with cursor where you can see how quickly we had that auto completion. Here we see the audio transcription but I do see that it's interfering with a lot of the classes from the Next.js template there. Okay so there we go we have our starting point. Now what I'm going to do is I'm going to command shift i and open up our composer view. Now I'm going to say I want to leverage this logic to send audio files to grok to be processed. Now the other cool thing with cursor is you can add docs. So I added a doc for whisper on cursor and you can just simply add new docs and then add in the link of the doc and it will index that for you. So I'm going to pass in the context of the whisper documentation from grok and I'm going to say a couple other things. I want to use AppRotor. I want to use the OpenAI SDK and the grok base URL and I want to console log everything now on the back end in case there are any errors and I can see what's happening. Also let's create a dot emv. I'm going to submit that and then what it will do it's going to grab that information from the grok docs. We see that it's creating the dot emv for us where we're going to be able to plug in the base URL as well as the grok API key. We're going to see the edits to the audio transcription component. Then the cool thing with composer is it can create net new files for you the dot emv in this case as well as the route and the particular directory that is going to go with it. We just take a quick look at this. We see it's using the OpenAI SDK. It's using the base URL like we saw within the dot emv. We see that it's console logging pretty much everything. It's correctly using the whisper large endpoint which is a model that is available on grok. I'm going to close out the composer view. We see that we do have to install OpenAI so I'm just going to open up a new terminal here and I'm going to bun add OpenAI and then the other thing that we're going to need is an API key. You can get a free API key from grok right now at least at time of recording and then once you have that you can go on over to your dot emv. You can just plug in your API key. Now I'm just going to go over to 11 labs and then what I'm going to do is I'm just going to create a simple audio file. So I'm going to say hello world this is developers digest. We'll click generate speech. We see that voice there we can download it and if we go over to our application here we'll choose that file from 11 labs. We'll click transcribe. So there we go that's how simple it is to set up an audio transcription app by leveraging grok as well as vim and cursor. If you found this video useful please like comment share and subscribe otherwise until the next one.