Integrate React Three Fiber into the project(00:06:53 - 00:08:49) - How to create Ghibli-style trees with three.js

Integrate React Three Fiber into the project(00:06:53 - 00:08:49)
How to create Ghibli-style trees with three.js

▶ Source code https://github.com/craftzdog/ghibli-style-shader
▶ My dotfiles https://github.com/craftzdog/dotfiles-public
▶ My equipment http://uses.craftz.dog/
▶ Check out my product: Inkdrop - Markdown note-taking app
https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=IGK6eceWyU4

Follow me online here:
▶ My weekly vlog https://www.youtube.com/@craftzdog
▶ Subscribe to my newsletter https://www.devas.life/
▶ Twitter
▶ Instagram https://instagram.com/craftzdog

References:
▶ Blenader tutorial by Lightning Boy Studio https://www.youtube.com/watch?v=DEgzuMmJtu8&ab_channel=LightningBoyStudio

00:00:00 Hello
00:00:44 Unboxing a new MacBook Pro
00:01:54 Heading to Osaka Castle Park
00:04:00 Create a new React project
00:05:12 Install libraries
00:05:31 Make the page background transparent
00:06:32 Remove the template content
00:06:53 Integrate React Three Fiber into the project
00:08:49 Add a simple scene
00:14:33 Add a ground plane for shadows
00:17:19 Import a tree model
00:18:28 Add the tree model to the scene
00:19:37 Use Standard Material
00:20:50 Use Toon Material
00:23:25 Rotate the tree object
00:24:55 Create a simple shader
00:28:05 Use a custom toon shader
00:32:10 Tweak the toon shader
00:35:11 Start creating a Ghibli shader
00:40:01 Define variables
00:42:12 Calculate brightness
00:44:25 Add gradient colors
00:44:53 Create another color variation
00:47:29 Thank you for watching

#ThreeJS #CodeWithMe #ASMR

#Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript
Hello - How to create Ghibli-style trees with three.js

Hello

How to create Ghibli-style trees with three.js
2023年02月16日 
00:00:00 - 00:00:44
Unboxing a new MacBook Pro - How to create Ghibli-style trees with three.js

Unboxing a new MacBook Pro

How to create Ghibli-style trees with three.js
2023年02月16日 
00:00:44 - 00:01:54
where I can get this laptop stand? it looks cool - How to create Ghibli-style trees with three.js

where I can get this laptop stand? it looks cool

How to create Ghibli-style trees with three.js
2023年02月16日  Gabriel 様 
00:01:40 - 00:47:52
Heading to Osaka Castle Park - How to create Ghibli-style trees with three.js

Heading to Osaka Castle Park

How to create Ghibli-style trees with three.js
2023年02月16日 
00:01:54 - 00:04:00
Create a new React project - How to create Ghibli-style trees with three.js

Create a new React project

How to create Ghibli-style trees with three.js
2023年02月16日 
00:04:00 - 00:05:12
@ no one likes the default macbook keyboard man - How to create Ghibli-style trees with three.js

@ no one likes the default macbook keyboard man

How to create Ghibli-style trees with three.js
2023年02月16日  Jagic Yooo 様 
00:04:10 - 00:47:52
Install libraries - How to create Ghibli-style trees with three.js

Install libraries

How to create Ghibli-style trees with three.js
2023年02月16日 
00:05:12 - 00:05:31
Make the page background transparent - How to create Ghibli-style trees with three.js

Make the page background transparent

How to create Ghibli-style trees with three.js
2023年02月16日 
00:05:31 - 00:06:32
Remove the template content - How to create Ghibli-style trees with three.js

Remove the template content

How to create Ghibli-style trees with three.js
2023年02月16日 
00:06:32 - 00:06:53
Integrate React Three Fiber into the project - How to create Ghibli-style trees with three.js

Integrate React Three Fiber into the project

How to create Ghibli-style trees with three.js
2023年02月16日 
00:06:53 - 00:08:49
Add a simple scene - How to create Ghibli-style trees with three.js

Add a simple scene

How to create Ghibli-style trees with three.js
2023年02月16日 
00:08:49 - 00:14:33
Add a ground plane for shadows - How to create Ghibli-style trees with three.js

Add a ground plane for shadows

How to create Ghibli-style trees with three.js
2023年02月16日 
00:14:33 - 00:17:19
Import a tree model - How to create Ghibli-style trees with three.js

Import a tree model

How to create Ghibli-style trees with three.js
2023年02月16日 
00:17:19 - 00:18:28
Add the tree model to the scene - How to create Ghibli-style trees with three.js

Add the tree model to the scene

How to create Ghibli-style trees with three.js
2023年02月16日 
00:18:28 - 00:19:37
Use Standard Material - How to create Ghibli-style trees with three.js

Use Standard Material

How to create Ghibli-style trees with three.js
2023年02月16日 
00:19:37 - 00:20:50
Use Toon Material - How to create Ghibli-style trees with three.js

Use Toon Material

How to create Ghibli-style trees with three.js
2023年02月16日 
00:20:50 - 00:23:25
Rotate the tree object - How to create Ghibli-style trees with three.js

Rotate the tree object

How to create Ghibli-style trees with three.js
2023年02月16日 
00:23:25 - 00:24:55
Create a simple shader - How to create Ghibli-style trees with three.js

Create a simple shader

How to create Ghibli-style trees with three.js
2023年02月16日 
00:24:55 - 00:28:05
Use a custom toon shader - How to create Ghibli-style trees with three.js

Use a custom toon shader

How to create Ghibli-style trees with three.js
2023年02月16日 
00:28:05 - 00:32:10
Tweak the toon shader - How to create Ghibli-style trees with three.js

Tweak the toon shader

How to create Ghibli-style trees with three.js
2023年02月16日 
00:32:10 - 00:35:11
Start creating a Ghibli shader - How to create Ghibli-style trees with three.js

Start creating a Ghibli shader

How to create Ghibli-style trees with three.js
2023年02月16日 
00:35:11 - 00:40:01
Define variables - How to create Ghibli-style trees with three.js

Define variables

How to create Ghibli-style trees with three.js
2023年02月16日 
00:40:01 - 00:42:12
Calculate brightness - How to create Ghibli-style trees with three.js

Calculate brightness

How to create Ghibli-style trees with three.js
2023年02月16日 
00:42:12 - 00:44:25
Add gradient colors - How to create Ghibli-style trees with three.js

Add gradient colors

How to create Ghibli-style trees with three.js
2023年02月16日 
00:44:25 - 00:44:53
Create another color variation - How to create Ghibli-style trees with three.js

Create another color variation

How to create Ghibli-style trees with three.js
2023年02月16日 
00:44:53 - 00:47:29
Thank you for watching - How to create Ghibli-style trees with three.js

Thank you for watching

How to create Ghibli-style trees with three.js
2023年02月16日 
00:47:29 - 00:47:52

devaslife

※本サイトに掲載されているチャンネル情報や動画情報はYouTube公式のAPIを使って取得・表示しています。

Timetable

動画タイムテーブル

動画数:65件

Coming up - My strategy to survive the generative AI era as an indie developer

Coming up

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:00:00 - 00:00:42
About the price change - My strategy to survive the generative AI era as an indie developer

About the price change

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:00:42 - 00:01:52
An indie developer brand? Are you serious? - My strategy to survive the generative AI era as an indie developer

An indie developer brand? Are you serious?

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:01:52 - 00:03:13
Emotions are more important towards surviving the Al era - My strategy to survive the generative AI era as an indie developer

Emotions are more important towards surviving the Al era

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:03:13 - 00:05:34
Learning from high-end fashion brands - My strategy to survive the generative AI era as an indie developer

Learning from high-end fashion brands

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:05:34 - 00:07:00
Incorporating my productive vibes into my app - My strategy to survive the generative AI era as an indie developer

Incorporating my productive vibes into my app

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:07:00 - 00:09:47
Edutainment: Education + Entertainment - My strategy to survive the generative AI era as an indie developer

Edutainment: Education + Entertainment

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:09:47 - 00:11:20
Intro - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Intro

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:00:00 - 00:01:01
Hello! - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Hello!

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:01:01 - 00:01:51
Introducing Solarized Osaka - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Introducing Solarized Osaka

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:01:51 - 00:02:41
Ditch hex for HSL - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Ditch hex for HSL

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:02:41 - 00:03:12
What is HSL? - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

What is HSL?

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:03:12 - 00:05:05
Color example - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Color example

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:05:05 - 00:07:15
Solarized Osaka's color palet - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Solarized Osaka's color palet

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:07:15 - 00:08:21
Highlight HSL colors in Neovi - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Highlight HSL colors in Neovi

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:08:21 - 00:10:33
Thank you! - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Thank you!

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:10:33 - 00:10:57
Camera died - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Camera died

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:10:57 - 00:11:14
Coming up - Effective Neovim setup for web development towards 2024

Coming up

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:00:00 - 00:00:53
Introduction - Effective Neovim setup for web development towards 2024

Introduction

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:00:53 - 00:03:47
what is this laptop stand? Share link please - Effective Neovim setup for web development towards 2024

what is this laptop stand? Share link please

Effective Neovim setup for web development towards 2024
2023年11月14日  Abi Din 様 
00:03:34 - 01:00:28
Install LazyVim - Effective Neovim setup for web development towards 2024

Install LazyVim

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:03:47 - 00:06:30
Why I chose LazyVim - Effective Neovim setup for web development towards 2024

Why I chose LazyVim

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:06:30 - 00:08:24
Change the theme to Solarized Osaka - Effective Neovim setup for web development towards 2024

Change the theme to Solarized Osaka

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:08:24 - 00:09:39
Basic keymaps - Effective Neovim setup for web development towards 2024

Basic keymaps

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:09:39 - 00:15:16
Customize some keymaps - Effective Neovim setup for web development towards 2024

Customize some keymaps

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:15:16 - 00:16:09
Clone an example project - Effective Neovim setup for web development towards 2024

Clone an example project

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:16:09 - 00:16:52
Change conceallevel - Effective Neovim setup for web development towards 2024

Change conceallevel

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:16:52 - 00:18:17
Enable undercurl - Effective Neovim setup for web development towards 2024

Enable undercurl

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:18:17 - 00:19:08
Install extras - Effective Neovim setup for web development towards 2024

Install extras

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:19:08 - 00:21:48
Configure cowboy - Effective Neovim setup for web development towards 2024

Configure cowboy

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:21:48 - 00:26:23
Configure Telescope - Effective Neovim setup for web development towards 2024

Configure Telescope

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:26:23 - 00:37:31
Noice - Effective Neovim setup for web development towards 2024

Noice

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:37:31 - 00:39:54
Change the notification timeout - Effective Neovim setup for web development towards 2024

Change the notification timeout

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:39:54 - 00:40:50
Incline - Effective Neovim setup for web development towards 2024

Incline

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:40:50 - 00:45:18
bufferline - Effective Neovim setup for web development towards 2024

bufferline

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:45:18 - 00:47:03
lualine - Effective Neovim setup for web development towards 2024

lualine

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:47:03 - 00:47:56
inc-rename - Effective Neovim setup for web development towards 2024

inc-rename

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:47:56 - 00:49:08
mason - Effective Neovim setup for web development towards 2024

mason

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:49:08 - 00:50:37
Tree-sitter - Effective Neovim setup for web development towards 2024

Tree-sitter

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:50:37 - 00:52:46
Disable flash and enable cursor animatior - Effective Neovim setup for web development towards 2024

Disable flash and enable cursor animatior

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:52:46 - 00:54:19
Customize startup logo - Effective Neovim setup for web development towards 2024

Customize startup logo

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:54:19 - 00:55:41
Just discovered this channel and I love it so much. That proud smile at  is everything - Effective Neovim setup for web development towards 2024

Just discovered this channel and I love it so much. That proud smile at is everything

Effective Neovim setup for web development towards 2024
2023年11月14日  Konstantin 様 
00:55:35 - 01:00:28
I love how proud you were lol. I really enjoy watching your videos. They are so calm and informative it's pretty cool - Effective Neovim setup for web development towards 2024

I love how proud you were lol. I really enjoy watching your videos. They are so calm and informative it's pretty cool

Effective Neovim setup for web development towards 2024
2023年11月14日  な 様 
00:55:36 - 01:00:28
Demo: Update my homepage - Effective Neovim setup for web development towards 2024

Demo: Update my homepage

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:55:41 - 01:00:00
Thanks for watching - Effective Neovim setup for web development towards 2024

Thanks for watching

Effective Neovim setup for web development towards 2024
2023年11月14日 
01:00:00 - 01:00:05
One more thing.. - Effective Neovim setup for web development towards 2024

One more thing..

Effective Neovim setup for web development towards 2024
2023年11月14日 
01:00:05 - 01:00:28
Intro - How I take tech notes as a note app author

Intro

How I take tech notes as a note app author
2023年05月30日 
00:00:00 - 00:01:23
The right tool for the right task - How I take tech notes as a note app author

The right tool for the right task

How I take tech notes as a note app author
2023年05月30日 
00:01:23 - 00:03:18
Embrace your imperfection - How I take tech notes as a note app author

Embrace your imperfection

How I take tech notes as a note app author
2023年05月30日 
00:03:18 - 00:04:25
4 steps for taking tech notes - How I take tech notes as a note app author

4 steps for taking tech notes

How I take tech notes as a note app author
2023年05月30日 
00:04:25 - 00:05:38
1. Identify the problem - How I take tech notes as a note app author

1. Identify the problem

How I take tech notes as a note app author
2023年05月30日 
00:05:38 - 00:08:31
2. Research the possible solutions - How I take tech notes as a note app author

2. Research the possible solutions

How I take tech notes as a note app author
2023年05月30日 
00:08:31 - 00:10:59
3. Validate the solutions - How I take tech notes as a note app author

3. Validate the solutions

How I take tech notes as a note app author
2023年05月30日 
00:10:59 - 00:11:37
What worked well - How I take tech notes as a note app author

What worked well

How I take tech notes as a note app author
2023年05月30日 
00:11:37 - 00:13:03
What didn't work - How I take tech notes as a note app author

What didn't work

How I take tech notes as a note app author
2023年05月30日 
00:13:03 - 00:14:48
4. Reuse the knowledge - How I take tech notes as a note app author

4. Reuse the knowledge

How I take tech notes as a note app author
2023年05月30日 
00:14:48 - 00:15:02
Refer to code snippets - How I take tech notes as a note app author

Refer to code snippets

How I take tech notes as a note app author
2023年05月30日 
00:15:02 - 00:15:35
Learn from previous solutions to common errors - How I take tech notes as a note app author

Learn from previous solutions to common errors

How I take tech notes as a note app author
2023年05月30日 
00:15:35 - 00:16:07
Share what you learned - How I take tech notes as a note app author

Share what you learned

How I take tech notes as a note app author
2023年05月30日 
00:16:07 - 00:16:49
Wrap up - How I take tech notes as a note app author

Wrap up

How I take tech notes as a note app author
2023年05月30日 
00:16:49 - 00:17:28
Intro - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Intro

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:00:00 - 00:01:02
Project description - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Project description

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:01:02 - 00:04:18
thanks for beautifully organized video. What is the name of “speech balloon” tool in the Projection description part? - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

thanks for beautifully organized video. What is the name of “speech balloon” tool in the Projection description part?

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日  Yuki Okabe 様 
00:01:03 - 01:12:31
Create a new Next.js project with Stitches - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Create a new Next.js project with Stitches

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:04:18 - 00:07:23
Prepare using OpenAl - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Prepare using OpenAl

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:07:23 - 00:08:38
Learn how to write Python with ChatGPT - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Learn how to write Python with ChatGPT

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:08:38 - 00:11:49
Transcribe the audio with the transcription API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Transcribe the audio with the transcription API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:11:49 - 00:14:46
you mean prompt right? - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

you mean prompt right?

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日  Aung Zan Baw 様 
00:13:24 - 01:12:31
Try invoking the completion API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Try invoking the completion API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:14:46 - 00:17:35
Get input data from stdin - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Get input data from stdin

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:17:35 - 00:19:26
Load and parse SRT data - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Load and parse SRT data

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:19:26 - 00:21:36
Translate each subtitle - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Translate each subtitle

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:21:36 - 00:24:00
Check out Radix UI and Stitches - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Check out Radix UI and Stitches

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:24:00 - 00:25:26
Prepare building the UI - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Prepare building the UI

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:25:26 - 00:26:29
Create a form to specify a video URL - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Create a form to specify a video URL

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:26:29 - 00:31:22
Implement event handling - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement event handling

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:31:22 - 00:33:13
Create a component to render the command outputs - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Create a component to render the command outputs

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:33:13 - 00:36:40
Add tabs - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Add tabs

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:36:40 - 00:42:02
Add an API routing - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Add an API routing

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:42:02 - 00:42:47
Implement an audio download API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement an audio download API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:42:47 - 00:48:09
Implement a transcription API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement a transcription API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:48:09 - 00:50:17
Excellent video! In  (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. ;) - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Excellent video! In (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. ;)

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日  Ice Livin 様 
00:50:06 - 01:12:31
Implement a translation API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement a translation API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:50:17 - 00:53:22
Connect the components with states - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Connect the components with states

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:53:22 - 00:55:42
Extract a video ID from the YouTube URL - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Extract a video ID from the YouTube URL

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:55:42 - 00:57:39
Progressively update the output by a callback function - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Progressively update the output by a callback function

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:57:39 - 01:00:12
Fix scroll overflow issue - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Fix scroll overflow issue

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:00:12 - 01:00:55
Invoke the audio download API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Invoke the audio download API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:00:55 - 01:04:50
Invoke the transcription API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Invoke the transcription API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:04:50 - 01:07:28
Fix the transcription prompt not working - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Fix the transcription prompt not working

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:07:28 - 01:07:51
Invoke the translation API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Invoke the translation API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:07:51 - 01:10:42
Finish it up - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Finish it up

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:10:42 - 01:10:56
Demo - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Demo

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:10:56 - 01:12:31
Furna - Lotus - [playlist] Melodies for coding | Focus & Chill

Furna - Lotus

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:00:00 - 00:04:02
Drawing - LUCHS - [playlist] Melodies for coding | Focus & Chill

Drawing - LUCHS

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:04:02 - 00:06:22
And Lucie Dreams - Lotus - [playlist] Melodies for coding | Focus & Chill

And Lucie Dreams - Lotus

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:06:22 - 00:09:57
Mint Conditions - Dusty Decks - [playlist] Melodies for coding | Focus & Chill

Mint Conditions - Dusty Decks

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:09:57 - 00:12:08
Cousin Stratus - Lotus - [playlist] Melodies for coding | Focus & Chill

Cousin Stratus - Lotus

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:12:08 - 00:15:13
Tiny Room Bop - [ocean jams] - [playlist] Melodies for coding | Focus & Chill

Tiny Room Bop - [ocean jams]

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:15:13 - 00:17:33
Parallax - Luwaks - [playlist] Melodies for coding | Focus & Chill

Parallax - Luwaks

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:17:33 - 00:20:39
Lisbon - Shiruky - [playlist] Melodies for coding | Focus & Chill

Lisbon - Shiruky

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:20:39 - 00:23:39
I'll Follow - Mochas - [playlist] Melodies for coding | Focus & Chill

I'll Follow - Mochas

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:23:39 - 00:26:12
Lupi - Sayuri Hayashi Egnell - [playlist] Melodies for coding | Focus & Chill

Lupi - Sayuri Hayashi Egnell

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:26:12 - 00:28:17
Tau - Osoku - [playlist] Melodies for coding | Focus & Chill

Tau - Osoku

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:28:17 - 00:31:12
Have a productive day - [playlist] Melodies for coding | Focus & Chill

Have a productive day

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:31:12 - 00:31:23