Build Your Own Video Streaming Platform | It's Easier Than You Might Think!

preview_player
Показать описание

Chapters:
0:00 What We'll Be Doing In This Video
5:08 Create navbar component
7:00 Use chatGPT to code navbar
7:40 Build navbar foundation
10:00 Convert code from ChatGPT to React Code
13:15 Remove ChatGPT Code
13:36 Change navbar text
16:30 Create Video Upload Module
20:00 Create File Upload Tag
22:30 Create Watch Videos Module
23:45 Create Object Storage Bucket at Linode
25:00 Create React File Uploader
26:25 Create API
28:15 Test API
30:10 Install Formidable and S3-SDK
32:50 Utilize Formidable to Parse Forms
43:12 Connect to the Front End
44:20 Populate Watch Page with Video Cards
49:10 Connect Upload Page to API
55:00 Fix Upload Max File Size
56:00 DisplayUploaded Videos on Watch Page
1:03:50 Create Player on Watch Page
1:10:50 Upload and Test Player
1:14:40 Change Download Button to Icon
1:16:50 Conclusion

#VideoStreaming #objectstorage #codewithharry
Product: Linode, Object Storage, Video Streaming; @CodeWithHarry
Рекомендации по теме
Комментарии
Автор

If this man comes to his limit, then YouTube will have to pack its bags.

farhan
Автор

Very exited!! But need to learn next first!

anmolgumbhir
Автор

When Hindi teacher try speak English "Let me " Repeating itself many times😂

SpiderCoder-bsvc
Автор

This guy recorded the video from 07:06 PM to 12:48 AM late night for us!





True Respect!!

codyandersan
Автор

Bbrotherrr, Haris Ali Khan going international level!🔥

Zynix-
Автор

does not work at all at 36:00, that post does not work and it turned out uncaughtException: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string or an instance of Buffer or URL. Received undefined
at new ReadStream and it was stuck at sending request

chenwr
Автор

Harry bhai bade aadmi bn kr hame bhul mt jaana

yegzta
Автор

Can we use the Minio S3 Object Storage instead of Linode object storage? And how?

mmuneebahmed
Автор

Harry bhaiya to kamaal ki English bolte he

nakulkapse
Автор

how do we add custom metadata? like for suppose i have to add title with the video object, i am trying using formidable but it's giving internal server error

cookingwithpriti
Автор

Harry bhai always provides valuable information in his videos❤

vastvikvlogs
Автор

good sir app se ab english sekna b shuru karna ha

shahbaziqbal
Автор

Hari Bhai, How can we do live streaming? Can you make a video of it.

vishnupratapsingh
Автор

Harry Bhai yaha bhi aake comments dekhne wale ho kya... 🤔 agar haa tohh mera wala comment mt padhna 😂...
Love you Harry Bhai... ❤️
aap ki videos hamesha helpful hoti he...

Linode walo se padhna if padne wale ho bhi tohhh 😂 wrna mera wala comment delete ho jayega...😴

Hopefully Linode walo ko Hindi padhna nai aata hoga...
vese tohh me mazak kr raha huu, or pure comment me kahi Joke nai hee...🤦‍♂️
Shayad issi liye comments nai likhta me, likhna start Kiya tohh band hota hii nai hee. 🤦‍♂️🤦‍♂️🤦‍♂️🤦‍♂️🤦‍♂️


Sayonara Harry Bhai ✌️ see you again in next Video 😂

abhishek_
Автор

holy fk, I guess this is why I dropped out of Comp.Sci, goes over my head

NIEMAND
Автор

What would be the monthly cost of running this?

crelloc
Автор

Sir, if I make a web app like youtube than how to manage ads system, like how much money paid to creator, and where we found ads to put our creator videos.
Please reply me, I search this topice everywhere but not find solutions.
Anyone if have idea than please reply.

SK-lnnm
Автор

Bhai mereko laga ki sir apni channel pe hai 😅

subhashparekh
Автор

Slicing your screen actions into millisecond sequences that go by so quickly it becomes necessary to hunt down and freeze the video to see what you've done isn't helpful to the learner.

StringPassion.
Автор

You are literally crazy Harry bro.
I really wanted to talk to you please.

sriharivernekar