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

Описание

▶ Source code https://github.com/craftzdog/vlog-translator
▶ My dotfiles https://github.com/craftzdog/dotfiles-public
▶ 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=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=UNGi144eVbI

Follow me online here:
▶ My weekly vlog https://www.youtube.com/@craftzdog
▶ Subscribe to my newsletter https://www.devas.life/
▶ Twitter https://twitter.com/inkdrop_app
▶ Instagram https://instagram.com/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