Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

▶ Source code https://github.com/craftzdog/vlog-tra... ▶ My dotfiles https://github.com/craftzdog/dotfiles... ▶ My equipment http://uses.craftz.dog/ ▶ Majextand review https://uses.craftz.dog/posts/majextand ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=d... Follow me online here: ▶ My weekly vlog    / @craftzdog   ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter   / inkdrop_app   ▶ Instagram   / craftzdog   00:00 Intro 01:02 Project description 04:18 Create a new Next.js project with Stitches 07:23 Prepare using OpenAl 08:38 Learn how to write Python with ChatGPT 11:49 Transcribe the audio with the transcription API 14:46 Try invoking the completion API 17:35 Get input data from stdin 19:26 Load and parse SRT data 21:36 Translate each subtitle 24:00 Check out Radix UI and Stitches 25:26 Prepare building the UI 26:29 Create a form to specify a video URL 31:22 Implement event handling 33:13 Create a component to render the command outputs 36:40 Add tabs 42:02 Add an API routing 42:47 Implement an audio download API 48:09 Implement a transcription API 50:17 Implement a translation API 53:22 Connect the components with states 55:42 Extract a video ID from the YouTube URL 57:39 Progressively update the output by a callback function 01:00:12 Fix scroll overflow issue 01:00:55 Invoke the audio download API 01:04:50 Invoke the transcription API 01:07:28 Fix the transcription prompt not working 01:07:51 Invoke the translation API 01:10:42 Finish it up 01:10:56 Demo #OpenAI #CodeWithMe #ASMR