HLS Adaptive Bitrate Streaming - System Design

Подписаться 172 тыс.

Просмотров 23 тыс.

50% 1

In this video, we are going to build and understand what is adaptive bitrate streaming. We’ll see how RU-vid and other video streaming platforms transcode videos into multiple HLS streams for 360p, 720, and 1080p and then stream the video to the user depending on the user’s internet speed.
Quick Links
Full Stack Twitter Clone learn.piyushga...
Docker Course learn.piyushga...
Master NextJS 14 learn.piyushga...
Reference Video Links
Video Transcoder • How I Built Video Tran...
Vercel Clone • I built Vercel in 2 Ho...
AWS S3 • AWS S3 Simple Storage ...
Source Code: github.com/piy...
Video Titles
- HLS Streaming
- Video Transcoding
- HLS Video Transcoder
Hashtags
#nodejs #mernstack #docker #devops #videotranscoding #systemdesign

Опубликовано:

28 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 153

@viralgupta7636 3 месяца назад

I just love the indian yt scene for programming rn, both the youtubers (piyush, hrkirat) are trying one up each others project and we are profiting from both of em.

@souravchaudhary2585 3 месяца назад

Add Chai aur Code (Hitesh OG)

@brutal4815 23 дня назад

Harkirat is scammer

@akj3344 7 дней назад

@@brutal4815 I agree. The guy is after your wallet. Thats his only interest.

@shuaibkhan7775 3 месяца назад

Initially, I thought the video.mp4 would be converted into a codec format like HLS on the fly and streamed in segments. Now I understand it better, thanks to your video

@patelaryan0914 3 месяца назад

Not in codec but by default its using hls on the fly think so this was for understanding hls and how it works because hls is by default by all the browsers check it by using both index.m3u8 and video.mp4(here 3mb of video is loaded after some time another 3mb)

@manojmohapatra986 3 месяца назад

I have tried my self this . Learned a lot . But would love to see the end to end so that we can improve

@algobuddy 3 месяца назад

Fantastic overview of Adaptive Bitrate Streaming! Keep up the great work!

@ayushKumar-9835 3 месяца назад

We definitely need such more advanced projects tutorials and ideas ❤ Thanks!

@yash-uy5ym 3 месяца назад

I thought about the same project few weeks ago but i had no i idea how would i deploy it My implementation was limited to localhost but after seeing your video, i got a good idea of the entire architecture. You're amazing bhaiya and 1000 times better than other didi bhaiya influencers

@developer00007 13 дней назад

Here is my updated version of the production architecture: Step1: The Client will upload the video to a s3 bucket using a pre signed url Step2: Add trigger to the input s3 bucket for a Lambda function Step3: This Lambda function will run the ECS containers to process and upload the video to the output bucket.

@ashutosh_tiwari 3 месяца назад

Great level of information you are providing bro✨🥂

@spdwivedi5925 3 месяца назад

Making videos out of the box and explaining in simple lang. Thanku

@AdithyaVardhanReddy 3 месяца назад

We need part 2 🔥🔥

@4444-c4s 3 месяца назад

Please Please continue AWS series. 🙏🙏🙏 Ese kese banega aapka humara Bond. Naa hi aap video banate hai aur Naa hi reply dete hai kisi bhi comment ka. Bus apni marzi ke content banate hai...pehle comments to padh lijiye humko kisme dikkat aa rahi hai 😢

@PramodSharma-dq3pi 3 месяца назад

AWS must continue...

@jaymishra1781 3 месяца назад

Please bring part 2 of it, Loved this one ❤

@NikhilMhatre-xt1wr 3 месяца назад

love the way you explained HLS, need part 2 🙏

@FaisalKhan-oy4zz 3 месяца назад

we want part 2 ⚡

@harshprakashofficialhpmv3237 3 месяца назад

Thankyou so much Piyush Bhaiya i was looking HLS video transcoding after Hitesh Sir dropped out his video on video streaming. Thankyou for such amazing video.

@otis2646 Месяц назад

this is so intrestesting , thank you so much for the quality content, not many people providing it 🍀

@TechSpot56 3 месяца назад

Really appreciate these videos. keep it up.

@ayushverma2166 3 месяца назад

Thank you sir you have solved a lot of money for me by making this tutorial now I can create my own streaming platform

@annoymousyt3931 3 месяца назад

Brother very few Creator Make this type of contents. Give some time, If I couldn't do it, Definitely You will make it. I want Part 2

@shashankagarwal23 3 месяца назад

Very nice video. You can use ffmpeg tool available for macos which provide more features and speed for transcoding video and also there is also node package for it.

@amit-gminggeek5301 3 месяца назад

Thnx for this, I learnt a lot of things in this video

@Sandeep-zd6dq 3 месяца назад

I will definitely try to code a video transcoder 🙌

@VivekChaubey-h9o 3 месяца назад

Wonderful Piyush Sir

@your_Aats 3 месяца назад

Bring also part - 2 Piyush Bhai 💕💕

@sanjoyrakshit842 3 месяца назад

Make a part 2 for fully understand HLS Streaming

@mayurshirodkar1571 3 месяца назад

Hey piyush Try discussing what if we use lambda functions instead of docker containers

@arnavranjan7881 2 месяца назад

sir,is it okey to use pre-signed urls instead of sqs?? What is need of queue system and how to use sqs in this case Please reply...

@khizerkamal 3 месяца назад

amazing video, waiting for part II

@saikatmu31 3 месяца назад

Loved the Video will try to do Myself and also want a Part 2 for this, Awesome Content !

@bigTDevs 3 месяца назад

Make part 2!!!❤❤

@rog0079 3 месяца назад

Great video as always, need part 2

@coolsai 3 месяца назад

Great video ✅

@SSC__CLASSES 3 месяца назад

thank a lot for the video today i got what hls streaming is

@amansagar4948 3 месяца назад

Hi, thanks for the tutorial. I’ve a question. 31:04 why don’t js consumer directly listens for events in s3 bucket, why a queue is needed there?

@hasnainraza5384 3 месяца назад

Very informative video Piyush sir, love from Pakistan 😊

@gauravnegi4285 3 месяца назад

Great video! I learned a lot about streaming, and I will try to implement this in Azure using different Azure service.👍

@himankshu 3 месяца назад

Bhaisab 🔥

@ritikmishra8564 3 месяца назад

Hi Piyush, Had a doubt. We are making the output bucket as public and then streaming it via videojs. What if the video is restricted to few people only. For example if it is a paid content we shouldn't allow everyone to just stream it. In that case should we update the CORS to only allow request from our origin.

@sudeepchoudhary5467 3 месяца назад

the docker container is downloading whole video before encoding it which wil take so much time instead better approch would be to setup a kafka stream which stream the video from s3 and setup a flink which will encode it and send it to respective stream.

@patelronak153 3 месяца назад

🚀 please make another part on it❤

@manojmohapatra986 3 месяца назад

Please iska part 2 leke ao mere bhai❤🎉

@KumarShivam-n6b 2 месяца назад

but how we can configure ffmpeg on fargate container because it is serverless ?

@bhaveshverma8629 3 месяца назад

Woh great video ❤❤❤❤❤

@ShubhamVsCode 3 месяца назад

I have completed the task which you have given. It has frontend, backend, sqs consumer and video processer which runs on ECS. I am not able to share the github link here.

@KunalJaiswal-og7nf 3 месяца назад

How can we also show the preview image on seeking on the progress bar like in yt???????

@ayushmehrotra7286 3 месяца назад

Great job 👍

@lastbenchers019 Месяц назад

Piyush + Harkirat >>>>>>>>>>>> whole youtube

@Infinite_Mainak Месяц назад

Absolutely ❤❤

@OmKar-xc3mc Месяц назад

💯💯

@OmKar-xc3mc Месяц назад

Chai with code as well

@ProgrammingWithSatyamP Месяц назад

Bhai bura na manna harkirat bhai ki video mujhe km samjh aati h. Piyush bhai ki teaching style 🔥

@shubham_paliwal 3 месяца назад

Thanks for the crisp information ✨️💯

@harsh-raj-6982 3 месяца назад

Live streaming ke uper bhi kuch banaiye bhaiya

@AmanKumar-cx9oi 3 месяца назад

Hi piuysh pls make video on node js microservice with docker and kafka it is not available anywhere thanks

@JackSparrow-ji7bx 3 месяца назад

Can you bring the tutorial on the Kubernetes ? ( it would be a great relief )

@ayarwind Месяц назад

but here ia an issue what if I have uploaded videos in chunks and stored it on s3 buckets.Then what should be the best approach to generates HLS?

@me-16ayushverma40 2 месяца назад

is there any way to implement it without docker

@noyonalways 3 месяца назад

We want part 2

@shaileshjadav8413 3 месяца назад

Sir make video on design of recommendation service of social media apps or shopping website using kafka

@thestarters9799 3 месяца назад

Can use bullMQ + Redis instead of SNS

@JOKERASHGAMING 3 месяца назад

Part 2 lao 🙂

@Riteshdhapatepatil966 3 месяца назад

Please part 2 sir

@surajrajput- 3 месяца назад

bhaiya please ek devops series laiye

@patelaryan0914 3 месяца назад

also a request you to upload the system design from the eraser as a ss in the repo

@NikkMhatre 3 месяца назад

Please make part 2

@DakshGamer 3 месяца назад

we want part 2. please....

@avijitchanda7944 3 месяца назад

Great 👍 but do part 2

@labhamjain3915 3 месяца назад

Why did you installed nodejs though?

@anuragprakash7256 3 месяца назад

Very informative !!!!

@AAPFans67 3 месяца назад

Make part 2 sir

@ShourovRoy-pk5zm 3 месяца назад

Part 2 please

@RaoAnkitYadav-cv5sg 3 месяца назад

Great information 😊

@ChillstreamCentral 3 месяца назад

maine ye chiz stripchat ke live streams ke workding ko smjne waqt sikha tha

@ak_savinash 3 месяца назад

bhai seriously stripchat ? kuch aur to nahi kar raha tha na🙄🙄

@Bcs-Mohtisham 3 месяца назад

Amazing content ❤

@allindiachannel2290 2 месяца назад

part 2 make it please!!!!!

@gauravsharma6929 3 месяца назад

please make a video on live streaming like a youtube live

@abdulragib6004 3 месяца назад

bahi mast

@learningjoe1823 3 месяца назад

Hi piyush, please tell me how can I contact you.

@basirkhan4610 3 месяца назад

Sir, please bring the part 2

@HarshYadav-im3yq 3 месяца назад

part 2 pls

@sonalitribhuvan3409 17 дней назад

Plz code entire thing

@sofihegde3205 3 месяца назад

haa, hame iski part 2 chahiye...

@hitmanplayzzz7260 2 месяца назад

Plz code thia

@engineer_baba 3 месяца назад

part 2 :)

@simplyjs8339 3 месяца назад

Part 2

@aasuyadav8563 3 месяца назад

Dekh rha hai vinod kasie Hamra photo use karke coding karvaya ja rha hai

@Somens8Dworld 2 месяца назад

ek chiz mujhe samajh aai multiple videos kaise store karun yehi mujhe samajh nehi aa raha tha ab banaunga chiz 💀

@ken-kurosaki 3 месяца назад

Hi bro, i like ur video can you use english?

@resumesurajsingh20 3 месяца назад

Me first

@prashlovessamosa 3 месяца назад

Roz aise topic jiska mujhe door door tak koi Idea nahi Thanks piyush bahi

@sssammo6215 3 месяца назад

We want part 2

@Harsh-ic4gn 11 дней назад

Part 2 please sir

@gouravmalik5023 3 месяца назад

Part 2

@vishalpanchal2343 3 месяца назад

Please make a video on online code compiler like leetcode with system design. And also add how to handle online contest on it.

@patelaryan0914 3 месяца назад

You can use rapid apis Judge0 for output of the code (not scalable) for scalability you can use docker spin up the container and install complier in the container which could run the code there and show the output to the user🤔

@vishalpanchal2343 3 месяца назад

@@patelaryan0914 But how to handle live contest which can have 1 lakh+ user on a time and they will submit code. And also we have to show live ranking for that. This is a system design interview question which is asked in many companies.

@patelaryan0914 3 месяца назад

@@vishalpanchal2343 my solution is not scalable if you want to try by your self than you can for that definitely we need a video from piyush..

@techkro-official 3 месяца назад

please give me 2 part. and please continue aws series.

@realsnipc 3 месяца назад

Harkirat and Piyush on their way to build to create their own universe 🔥

@akshatjain2630 3 месяца назад

Would like you to make part 2 of this , this was highly helpful but would like to see end to end ...getting stuck at a lot of things... Will also be helpful to know all the technologies you told in the assignment together

@sagarmange45 3 месяца назад

part 2 is needed

@Iconproduction 3 месяца назад

Part 2 🔥

@girwarsahu7498 3 месяца назад

we want part 2

@Aziqtech 3 месяца назад

❤

@priyanshukumar6679 19 дней назад

Plz. Sir part 2 chahiye implement krke jyada clarity ayegi plz.. tab jakke hum aaage kich khud bna skte hai ❤❤

@nknidhi321 Месяц назад

Hey Piyush, You said there will be different index.m3u8 files for different formats like 360, 480,.. But after running the docker commands we ended up with only single index.m3u8 file. So, how different formats comes into the picture in index.m3u8 ??