Рет қаралды 183,202
▶ Source code github.com/craftzdog/vlog-tra...
▶ My dotfiles github.com/craftzdog/dotfiles...
▶ My equipment uses.craftz.dog/
▶ Majextand review uses.craftz.dog/posts/majextand
▶ Check out my product: Inkdrop - Markdown note-taking app
www.inkdrop.app/?...
Follow me online here:
▶ My weekly vlog / @craftzdog
▶ Subscribe to my newsletter 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 KZfaq 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