Audio to Text app from scratch using React | Node JS | Open AI - Explained in Tamil

foreign foreign foreign foreign next to open a so in the method in the packages next to dot EnV so in the dot Envy is so next course on the course foreign number foreign foreign so type on the modular set control so modules foreign foreign foreign Express from extras so X Plus so on the number control next to the file system so in the file system obtained the node.js foreign next on the foreign course package methods so important numbers so we're a variable credit app equal to express see the news file so either now next I have tattoos so can't see the app that use obtained number useful yeah foreign [Music] foreign foreign zero so next foreign foreign foreign foreign foreign create the configuration uh next on the phone number so first thing your basic uh so app dot get a memory foreign send resting foreign foreign foreign transcript s and either on the translated foreign solder and is so storage disk storage and again object so education on the set 20 clock foreign foreign foreign [Music] actually so is create one data foreign in the syntax so next to response create funding cloud variable response variable and await open a dot create transcription so in the create transcription source password [Music] so file system Dot create trade stream request Dot while path and second parameter on the model name the model name whisper one so once in the foreign normally um so let's start status 200 200 the success dot send NSN control response dot data so in the response cooler numbers foreign foreign uh send out so it is foreign thank you guys foreign and uh services so response dot data and I think so server is foreign on the extract control Visual Studio npx create react app under dot so in the dot is a project on the gray down l so npm install bootstrap so if you're wondering is [Music] a simple applications under the Community number index.js throw the app on the [Music] Olympics foreign so next in the app.js so neither just to remove and engage on the template HTML template now so just like this is element s or input container and then the input container cooler file input select options foreign foreign so you state for the couple of user entities selected value is selected a value on the MTR code selected value obtain to the numbers on the value so translate Elena transcript next one on the upload uploaded file so either one is next on the loading state foreign next to error state record so either on the initial foreign [Music] foreign http localhost so on the port number and Omega use control so basic setup uh function number create so first one file upload Handler second one on the right sorry select option select option either one the number or button on the so in the convert button click continue and so finally so you know logic is handle file upload singular functions foreign and button click options and create control next API call so in API called number validation validation in the function on the in the handle button click update so firstly go one by one number first foreign function you think I said Arrow foreign change handle select change button one click handle button click so either end change on click surrender wherever I even done so number function on the second data is foreign event so const file equal to Target points whatever so next on the file uh limitations [Music] foreign so once on the conditioner password and um size 10 r equal to 10 so here is uploaded file update Arrow else please upload your file less than foreign [Music] foreign they might even Target dot value equal to null so either because next handle select change foreign foreign [Music] foreign on the foreign selected value alert please please select an option is foreign [Music] selected value so in the state on the update I go once foreign foreign const data new form data so number Json files one more subscribe so audio um foreign conversion rate so I'm going in a more variable extra point in no requested particular conversion type of consultant selected value so the number Lord so next only the shoulders foreign please [Music] and response equal to away and um foreign selected value is you know suppose foreign the data on the number password sleeve response dot ok s or condition numbers create so the other response.json or Json obtain could craft suppose control error message and then on the error on the number foreign so rest Dot text Ure so yeah um so next uh foreign foreign foreign so set loading loading State on the complete edition set uploaded file save the uploaded file on the Run set selected value empty file input trap so file input ref dot current so either one the um in the name of the clear bundle speech dot MP3 so on the name thank you foreign so in the back end npm run Dave so server on this dot at J foreign perform ance foreign foreign [Music] foreign [Music] foreign foreign if there is an error Dot message else nine so English so error first in the class on the MTR display class on the remote Arrow so uh simple numbers foreign [Music] State equal to so either number disabled attributes and either block at particular so in the black leather on the number on the spinner logic so loading so loading like in the chapter number so class name spinner bootstrap classeness so roll span and uh beautiful that's all so maximum so in everybody it is please select an option of this whole Target and focus of the character so Translate and um please upload a file so periophile on the setup you know please upload an audio open less than 10 MB foreign foreign foreign foreign thank you

Channel: Web Concepts Tamil

Views: 148

Keywords:

Id: g19-IgCCKvU

Length: 74min 58sec (4498 seconds)

Published: Sun Jun 04 2023