Build AI Video Generator with React.js, Express.js, Node, GPTScript and Tailwdincss

preview_player
Показать описание
Unique and outstanding fullstack javascript project? Here you go!
In this tutorial we are going to build something really amazing - a video generator that takes a url to a blog post or article or any page and creates a video from it!
How does it work? Behind the scenes, it opens the url, reads the page, creates a summary of the text, add voiceover (text to speech), generates b-roll images, transcribes the text (for subtitles / text on top of the video) and then using ffmpeg lib it puts everything into a video.
This is a really unique project you can put on your portfolio.

Timestamps
00:00:00 - Intro
00:02:05 - Landing page
00:35:40 - Generating assets
01:45:33 - Creating a video
02:25:24 - Connecting backend with frontend
Рекомендации по теме
Комментарии
Автор

If you don't have access to gpt4-o don't go for this project the tutor forgot to mention that ...

hardiksahu
Автор

good keep it up plz dont stop uploading video you upload very very awesome videos on javascript topic also upload tutorials of mernstack for the beginners although i already know 😅😅

AbdulraheemAbdullah-ew
Автор

Please we need advanced mern stack project ❤❤

achrefnabil
Автор

Awesome man ❤❤❤❤

Any django projects in the bucket list?

SK_Covers
Автор

Hi Dawid, Thankyou for creating this application, Plz help us to deploy the application as well, can you teach that in the end of the video, it will be so helpful

IshaZaka
Автор

Me encanto el proyecto, muchas gracias

EdisonGualle
Автор

Nice ONe, David. Thank you for sharing. David, I have a request - if possible, could you make a video on creating a YT clone using MERN(Next you can add)?

san.d_
Автор

Why not use next.js for the front-end?

petpetai
Автор

Kindly make a fullstack SaaS platforms 😇

umar
Автор

can you use cursor from next time so that we can see you doing this faster using aI?

sanganisahilai
Автор

Sir, wow so nice but are the API use free?

InspireSphere
Автор

If anyone got an error like "prompt occurred when prompt was not allowed: Message: Please provide your OpenAI API key" in the image generation part but it works in the browsing part, I've managed to solve it with running the image-generation tool in a separate .gpt file with just one prompt for creating an image, it asked me for my api key when I first ran it, then when I came back to my story.gpt it worked!

lokicikai
Автор

great video, but it looks like there's only 1 default voice model, can it be changed?

genius_earnings_ai
Автор

Very nice project ❤ make full flash project leki ai image generator, ai video or photo bg remover, ai generative fill

saim-rabbani
Автор

I need help with some setup. my story.gpt file does not have that chatgptnicon, it has text file icon. And also I have this error while doing bun install,
» [postinstall]: node scripts/install-binary.js

These dependencies had their lifecycle scripts blocked during install.

Now I think the issue is that there is no scripts directory in backend folder. Should I do bun install outside backend folder?

anushkagupta
Автор

i got this error -> error, status code: 404, message: The model `gpt-4o` does not exist or you do not have access to it.
can somebody help me please??

CODE
Автор

Please make a blockchain project on ethereum

raghu
Автор

Has anyone figured out why GPTScript is not running??

shivakumargupta
Автор

Dawid, why didn't you use nextjs and vercel ai sdk for this?

anshulkahar
Автор

please make the e commerce project with aws deploymen with cicd best practics

harshayyy
visit shbcf.ru