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

Поділитися
Вставка
  • Опубліковано 3 лип 2024
  • ▶ 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 UA-cam 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
  • Наука та технологія

КОМЕНТАРІ • 228

  • @devaslife
    @devaslife  7 місяців тому +2

    Check out my Markdown note-taking app designed for developers 👉 www.inkdrop.app/?UNGi144eVbI

    • @juguetestoys1137
      @juguetestoys1137 2 місяці тому

      video ID: FmMA6SXCi2M
      [Error] Traceback (most recent call last):
      File "C:\Users\...\vlog-translator-main\scripts\transcribe.py", line 32, in
      with open(audio_file_path, 'rb') as audio_file:
      [Error] ^^^^^^^^^^^^^^^^^^^^^^^^^^^
      [Error] FileNotFoundError: [Errno 2] No such file or directory: 'C:\\Users\\...\\vlog-translator-main\\tmp\\FmMA6SXC
      i2M.m4a'
      Finished command. Exit code: 1
      wait - compiling /api/translate (client and server)...
      event - compiled successfully in 288 ms (60 modules)
      Finished command. Exit code: 0

  • @LuccDev
    @LuccDev Рік тому +117

    The way you produced this video is absolutely insane. The mix between japanese culture and code is just epic. Looking forward to your next videos !

  • @makitocode
    @makitocode Рік тому +2

    Insane!!
    the edition, the way that you do all the things, the culture, the code.. everything!
    really awesome!

  • @judemusyoki7052
    @judemusyoki7052 Рік тому +2

    Getting notifications on your uploads is such a vibe. Thanks for sharing your talent with us 🙏🏿

  • @nafishasnain4114
    @nafishasnain4114 Рік тому +12

    Hands down one of the best creative coding UA-cam content creators out there. Insane production quality. Thank you for sharing your projects with us, Takuya sensei.

  • @MontaGao
    @MontaGao Рік тому +2

    You have the most aesthetically pleasing programming videos, amazing. I had the same idea but only had it in a jupyter notebook.

  • @cptbaker
    @cptbaker Рік тому +4

    I thought this was a tutorial, not a movie about a tutorial. The quality of your production always amazes me. 素晴らしい仕事です!

  • @simonorrego4511
    @simonorrego4511 Рік тому

    Brilliant as always Takuya!! Thank you for sharing.

  • @akkow522
    @akkow522 Рік тому

    I really like your smile in the end, the monment that you ensure everything works perfect is so satisfied!

  • @sourabhR4ikwar
    @sourabhR4ikwar Рік тому

    This was wonderful Takuya. Really love this format of video's. It feels so soothing and calm.

  • @sherlockholmes1605
    @sherlockholmes1605 Рік тому

    That smile at the end says it all!
    Great work man!

  • @expertjung
    @expertjung Рік тому

    Genius, every video is a work of art! Thank you.

  • @l0g4n666
    @l0g4n666 8 місяців тому

    Bravo.
    The way you do everything is superb.

  • @automioai
    @automioai Рік тому +3

    You are at the top 1%, such a nice way to share knowledge. Thanks a lot.

  • @user-mt5uy9lf1c
    @user-mt5uy9lf1c Рік тому

    Thanks For publishing yet another gem of a video.. Keep up the good work Takuya

  • @akiffpremjee
    @akiffpremjee Рік тому

    I'm so excited that there is a second channel too! I love your stuff!

  • @BaseRadian
    @BaseRadian Рік тому +1

    Such peace, simplicity and joy.

  • @lovely-shrubbery8578
    @lovely-shrubbery8578 Рік тому +2

    Really incredible video production quality

  • @clayzz5695
    @clayzz5695 Рік тому +21

    The aesthetic of this video is extremely pleasing, this is some next level devlog. I wonder how much effort you put into this video's production. Well done, Takuya-san!

    • @royersegura5991
      @royersegura5991 Рік тому +3

      He puts a lot in he's mentioned it in the past. Truly one of the best UA-camr's / Programmers

  • @Mikenight120
    @Mikenight120 Рік тому

    This is true Art and Inspiration. Love your videos!

  • @shuaidong7995
    @shuaidong7995 Рік тому

    I look forward to your video very much, every time I watch it is a kind of enjoyment.

  • @Franchination
    @Franchination Рік тому

    you are an inspiration!! thank you so much for your videos. Never stop it!

  • @koffidokpo
    @koffidokpo Рік тому

    Thanks for the video. It is so amazing to see you code like that.

  • @FueledByIndomie.
    @FueledByIndomie. Рік тому +1

    You got yourself a new follower! Amazing AMSR dev content.

  • @Moonify
    @Moonify Рік тому

    The Intro is pure art!

  • @birdtime2851
    @birdtime2851 Рік тому

    Enjoyable video as always. Thank you.

  • @StormeSpace
    @StormeSpace Рік тому

    wow the video quality has improved alot love your content

  • @hackerculture7391
    @hackerculture7391 Рік тому

    This is the most inspiring channel on UA-cam!

  • @mxwelljt
    @mxwelljt Рік тому

    Huge fan Takuya, great job on the amazing content. Keep it up!

  • @Ushjsuuhensb
    @Ushjsuuhensb Рік тому

    Takuya, you're a genius. Absolutely the next level

  • @yannhk
    @yannhk Рік тому

    You show me the joy of being a developer. Thank you.

  • @sacrecrow281
    @sacrecrow281 Рік тому

    beautiful video...your video motivates me to code and work on my project. Keyboard's sound is just amazing..feels good

  • @fsec6369
    @fsec6369 Рік тому

    I love the style of your videos, greetings!!

  • @phanhoangminhnguyen6741
    @phanhoangminhnguyen6741 Рік тому +30

    Never thought of you will create a video relevant to chatGPT Lol. But reading the title already makes me want to dive through this video to learn more, because All I do is just ask it to finish my homework.

  • @araisalimart
    @araisalimart Рік тому

    Love your aesthetics 🌸🌸🌸 so inspiring 👏👏👏😍😍😍

  • @GodofStories
    @GodofStories Рік тому +1

    Love how you just get down to coding, this is what it's all about. Just doing. And great quality vids!

  • @guitaripod
    @guitaripod Рік тому

    Watched the whole thing in one go. Arigato

  • @oeaoo
    @oeaoo Рік тому

    Good engineering vibe! Good luck!

  • @federicolopez6198
    @federicolopez6198 Рік тому

    Thanks for Thanks for the video Takuya!

  • @bakbees
    @bakbees Рік тому +9

    Your channel is amazing. Always relaxing, beautiful videos with a nice productive show of skills and creativity. I'm also building a Korean learning app with gpt and whisper, so just like what you are doing actually :).. Works fantastically well. I'm also adding a grammar analysis to sentences and taking out the root of the words, so they can be looked up in a dictionary.

    • @devaslife
      @devaslife  Рік тому +3

      sounds cool!

    • @LuccDev
      @LuccDev Рік тому

      I'm currently learning Korean, so that's an interesting idea. Have you looked up mirinae though ? It already does this (though i don't find it so accurate, especially with typos or slang)

    • @bakbees
      @bakbees Рік тому +1

      @@LuccDev Yeah I've seen mirinae, seems they are making a lot of good progress too. My approach is a bit different though.

  • @tonghello9889
    @tonghello9889 Рік тому

    I'm comfortable by watching your videoes. I am looking forward to your next video. :)

  • @igordeoliveirabarrosfaluhe6350

    Such a nice video! Big fan here

  • @yuriyrybchynski3594
    @yuriyrybchynski3594 Рік тому

    Thank you for the good video and inspiration!

  • @chingun-undrakh
    @chingun-undrakh Рік тому

    You're coding style inspiring me🔥🔥🔥

  • @yinitialize4930
    @yinitialize4930 Рік тому +1

    I think ChatGPT is a game changing tool for junior programmer, reducing the time of grinding by just building and learning at the same time, is just amazing.

  • @ignacioleon5648
    @ignacioleon5648 Рік тому

    I love this, thank you very much

  • @naranyala_dev
    @naranyala_dev Рік тому

    love the vibe

  • @VanosTurbo
    @VanosTurbo Рік тому

    Nice work and video!

  • @mostafavii
    @mostafavii Рік тому

    WoW, amazing, I can't even talk. you are so powerful.

  • @kenfung318
    @kenfung318 Рік тому

    A insane video that perfect mix the develop life with japanese culture and scene, keep it up.

  • @akashdeepsharma9339
    @akashdeepsharma9339 Рік тому +1

    best vdeo yet... niceeeeeee

  • @user-bd3it2rf4m
    @user-bd3it2rf4m Рік тому

    All this within an hour. 👏👏👏👏

  • @alessiamedina1690
    @alessiamedina1690 Рік тому

    I look up to you, you're a great man

  • @Ibrahim-oc5ql
    @Ibrahim-oc5ql Рік тому

    Super Awesome!

  • @VividCoding
    @VividCoding Рік тому

    Feels like I'm watching a video from the future. Cyberpunk themes with the AI and nice production quality 👍

  • @DucHuu03
    @DucHuu03 Рік тому

    So amazing !!

  • @aoshengchen9097
    @aoshengchen9097 Рік тому

    what a video, hope u makes more

  • @CapsLock33
    @CapsLock33 Рік тому

    love the videos you make. i enjoy watching you code. keep it up and thanks for sharing. BTW Keychrone K7 released new key caps for your keyboard in white or black.

  • @skemap
    @skemap Рік тому

    Love your videos!!

  • @nickyteee
    @nickyteee Рік тому +2

    Man I’ve been having an existential crisis over ai and coding, but after watching this video I can see how it can actually help me in me learning to code and can actually be beneficial. It should have been obvious, but as is just another tool for our use after all. Am excited to start using gpt and other tools to learn faster :)

    • @instrido580
      @instrido580 Рік тому

      Copilot -> GPT-4 -> Fully autonomous coder. Stay afraid and think about home-based farming, ecommerce and other business ideas.

    • @ko-Daegu
      @ko-Daegu Рік тому

      @@instrido580 assuming those are not being replaced before coders
      look at Wendyes replacing people who take orders

    • @instrido580
      @instrido580 Рік тому

      @@ko-Daegu Exactly.

  • @cvs2fan
    @cvs2fan 6 місяців тому

    thanks for inspiring me :D

  • @vladyslavmaksymenko316
    @vladyslavmaksymenko316 Рік тому

    awesome mate

  • @captainlennyjapan27
    @captainlennyjapan27 Рік тому

    Your contents are amazing…

  • @s8x.
    @s8x. Рік тому

    beautiful video

  • @miuzix4006
    @miuzix4006 Рік тому +6

    Hello Takuya-san, do you have any background in machine learning (classical)? If ever, what are the things I should focus at, especially when making a chatbot regarding to mental health? Any ideas on how I can use the datasets available online, especially when modifying locally? Thank you!

  • @gherasimsergiu1880
    @gherasimsergiu1880 Рік тому +1

    Not only is Takuya incredible at coding, but he's also an absolute beast when it comes to picking up outfits. Damn you look good man

  • @0l0simon0l0
    @0l0simon0l0 Рік тому +9

    I appreciate that you have been utilizing ChatGPT for programming rather than those developers who refuse to adopt it. It is important to acknowledge that we are in the era of AI, and despite any apprehensions, this technology will eventually supplant traditional coding methods. Thus, it is advisable to enhance one's skills and learn to code with prompts, ultimately becoming a proficient prompt engineer.

    • @TheStickofWar
      @TheStickofWar Рік тому +1

      don't make yourself brain dead in the process, it is important you don't rely on ChatGPT to do the coding for you.. we haven't had it long enough to know if it is actually the way forward with programming or if it will always be better as an assistant, I will not be mindlessly prompting and becoming a "prompt engineer". Thinking it will completely supplant traditional coding is a bit naive at this point, you should learn how LLMs work and realize the flaws and fallacies that come with it.
      It doesn't understand the way you and I do, it is still a prediction engine, it will ultimately be limited to what it can do with that. It excels at language processing, which will be the replacement of Google searching, but not programming itself. (I have a degree in this.. so it is not just some random on the internet being scared and mindlessly commenting)

  • @claudiotorcato
    @claudiotorcato 11 місяців тому

    Python is my favorite language since 2000 when I got to know it during my graduation in Computer Science. I wrote my tasks in Python instead of using Pascal, Delphi, C and Java.

  • @chiahong.h
    @chiahong.h Рік тому

    So cool!!

  • @imnbmusic
    @imnbmusic Рік тому

    better than a movie for devs

  • @santicanog_
    @santicanog_ Рік тому

    Hi Mr. Takuya! Great intro and music choice. I'm curious if youtube-dl is still working. Nice to see this video sooner.

  • @Datto2002
    @Datto2002 Рік тому +1

    Arigatou gozaimasu!

  • @CNVZSTUDIO
    @CNVZSTUDIO Рік тому

    Love your video so much....

  • @giovannijacinto8987
    @giovannijacinto8987 Рік тому

    great videos !

  • @thenightguy6816
    @thenightguy6816 Рік тому +5

    Beautiful Video btw, are there other resources that can be used instead of openai's api, or is there anyway to make any App which has features like GPT has to use openai?. I know that its way much easier to use openai's models and finetune it. I would love another approach to handling this situation.

  • @user-ov5tt6sc2f
    @user-ov5tt6sc2f Рік тому +3

    The funniest thing is that I implemented a similar project (for 3-4 days ago completed it), but using Whisper AI on my video card and integrating subtitles directly into the video in the browser

    • @-tarificpromo-7196
      @-tarificpromo-7196 Рік тому +1

      Полезный мощный ресурс

    • @ko-Daegu
      @ko-Daegu Рік тому

      how is he loading chatgpt in the mac desktop what tool is that looks nice

  • @gabotx9971
    @gabotx9971 Рік тому +1

    Im starting coding idk what r u doing tbh haha but your vids are very motivational :)

  • @ROTOBAfilms
    @ROTOBAfilms Рік тому

    you do programming with so much passion, thank you for this way of teaching programming to people! i like it how the japanese people do their crafts with so much detail!!! in germany is work just work, and that was it. and the click sounds of your mechanical keyboard gives your videos a meditative touch by the way!

  • @icelivin2547
    @icelivin2547 Рік тому +2

    Excellent video! In 50:06 (transcribe.py:13) there is a typo "primpt", I think that's why he keeps getting his name wrong. If you already corrected it at some point in the video and I let it go, please ignore it. ;)

  • @the_unico
    @the_unico Рік тому

    Watching this man while coding, tells me that I know little in coding

  • @hanpham5790
    @hanpham5790 5 місяців тому

    Extremely pleasant to watch and learn web development & API calling

  • @wooSandy
    @wooSandy Рік тому

    Your video is art

  • @nyantaro1
    @nyantaro1 Рік тому

    Damn looking drippy af!

  • @mamitianasolofo723
    @mamitianasolofo723 Рік тому

    I love your tuts bcz I can listen to music and follow your vid at the same time... hu3

  • @astrotoolau
    @astrotoolau Рік тому

    I was in Osaka during the sakura full bloom the other week! Wish I could find this cool spot to write code instead of doing hanami outside Osaka castle lol

  • @tharind4797
    @tharind4797 Рік тому

    amazing

  • @AntonioSantos-ve6zv
    @AntonioSantos-ve6zv Рік тому

    How does it usually take to produce a video like that? These inspire me to deliver excellence in everything I do - besides being kind of therapeutic!

  • @jelonidas7772
    @jelonidas7772 Рік тому +1

    Great, video! What kind of app are you using to use ChatGPT directly on your mac?

  • @simonraley8550
    @simonraley8550 Рік тому

    Love from Germany

  • @thewantedplay8639
    @thewantedplay8639 Рік тому +1

    Hello Takuya! I've been watching you for a long time, very cool videos!! Tell me, please, how do you record individual applications in the background? (((I still couldn't figure it out, it's very interesting and beautiful

  • @mvdev
    @mvdev Рік тому

    awsome video ! what keystroke app do you use to show off the keys you have pressed ?

  • @gt05t45
    @gt05t45 Рік тому

    Your terminal and vim looks amazing. How do make them look like yours

  • @_mannyponce
    @_mannyponce Рік тому +2

    great vid ! are you using brown mx on the K7?

  • @kevin73911
    @kevin73911 Рік тому +1

    Thank for your sharing, I would like to know what app you use for chatgpt? It does not look like macgpt or lencx/chatgpt.

  • @neotuxlinux4093
    @neotuxlinux4093 Рік тому +1

    Gracias por tu contenido....amo Linux pero Mac y Windows lo hacen difícil migrar. ..con Dell precisión 7770 y Arch Linux con hyperland a mi gusto y la terminal como la tuya feliz codificando

  • @naruthep
    @naruthep 11 місяців тому

    like this

  • @gustavobogarin2334
    @gustavobogarin2334 Рік тому

    Amazing video, how do you do the terminal over video, it's so cool.

  • @0x0lee87
    @0x0lee87 Рік тому

    what gpt client do you use? so clean

  • @rezamehdikhanloo6856
    @rezamehdikhanloo6856 10 місяців тому

    Great video, Can i ask your screen recorder name?!

  • @user-yp9lw9bf8y
    @user-yp9lw9bf8y Рік тому

    You should use "cit" command to edit code in tags.