Build a Video Streaming Service on AWS! (S3 + CloudFront)

In this video you'll learn how to set up a video streaming service on AWS. You will learn about the benefits of using a CDN, as well as how to set up a CloudFront distribution with an S3 bucket.
Source Code: github.com/nik...
Github: github.com/nik...
Support Me: www.buymeacoff...
Contact Me: [e-mail]
#aws #s3 #cloudfront

[@TexasWatchman]

This is the benchmark for how video tutorials are supposed to be done. Kudos!

[@karthikrishnakrishna6806]

True

[@TheAlexisThink]

Absolutely amazing bro, you teach me a lot in less than 10 minutes. Great job! Keep going

[@sumitpagey6415]

Thank you so much. those 8 mins saved me 8 hours

[@AniqueAli]

You explained it very clearly. Never watched an AWS tutorial like this before. 🤩

[@aaroncwilliams]

I had been searching for a short and concise video for S3 and CloudFront for several days and finally came across this gem. You are the GOAT!

[@IamAMusicManIComeFromFarAway]

Helpful video, your demo will help accelerate my project progress - thank you 🙂

[@TwistedFate123]

Simple and straightforward!

[@7doors847]

Glad to see you back !

[@Ultimatefatburner]

Very helpful, thank you!

[@saeedsquadcc]

I really appreciated your clear explanation and the easy-to-follow steps! I have a request, if possible. Could you create a video demonstrating how to use a CNAME record to change a URL to a desired domain? That would be incredibly helpful.

[@liamstory9594]

Exactly what I needed, thank you!

[@thebjorn]

That was awesome :-) Thank you so much for taking the time to make this tutorial (I know it takes some serious effort to make something look this easy). Our videos are now online :-D

[@bluecheckmiya]

Thank you for this tutorial!

[@NeeleshRamS-yp8gq]

Very crisp and clear. I was wondering if there is there a way to introduce a payment gateway to view the video?

[@bvladimirpl]

Man this is a perfect video... Thank you so much!

[@karamtimani1321]

Amazing content, straight to the point!

[@richardwebb114]

Great video. Thank you Nikita Dev!

[@maxgriffiths6968]

This is perfect. Honestly

[@aleksey6151]

We making it out the O block with this one

[@anhphan5621]

Thank you very much. Simple and powerful!

[@QuietGaze]

Great video!

[@viniciuscordeiro1360]

You help-me a lot, i'm registered now

[@fdksdk4843]

Great video. Is there a way to connect an IP camera and get a live stream?

[@goodstuff2read]

Is it possible to do any DRM with Cloudfront? I would like to serve video but not have the users download it. I can serve video from cloudfront and s3 using nextjs, but would love to have some DRM solution as well.

[@MrSirojiddin]

I was spending days to implement 😢. Thank you

[@CodingWithJan]

Perfect!! :-)

[@danielmurphy9096]

Should probably note that this does not require Vite + React since people might think it's agnostic. Just a plain old html page would do (with of course S3 + Cloudfront). Great vid!

[@thatstrendingnow]

Thanks so much for this video. Please, how do I setup a live streaming private link from a OBS studio to AWS IVS then send a link to a client any where in the world to view as it is live?

[@developershiva9509]

I have one website where users are coming and search data using image. Every time different image will there. So in that case this cloudfront is good for my website or not ? Can you suggest.

[@nikhilbhumkar1642]

Very Informative

[@logilous]

Thank you so much!

[@arjay_2002]

so anyone on the web can access it, right? is it possible only people with api key or http requests can access it ?

[@THEBIGBANGTHEORYBRA]

Ty

[@tinotaylor]

Would this be ok for something like a course platform? Wondering about performance and users having loading issues and encoding. 🙂

[@zhoufanchen293]

I use this method introduced in the video to host video files (about 40mb each) on my website by using S3+Cloudfront. Everything works great on Windows(Chrome Browser). But on IOS (both Safari and Chrome), the video on my website just not loading, showing as a blank space. On Mac, not working on Safari but works on Arc

[@kalenzo78]

You just have to transcode the videos before uploading mainly because different browsers support different media's also aws has media convert tool which you can use and if you fail you can use free open source ffmpeg for the job

[@zhoufanchen293]

@@kalenzo78 Thank you, I will give it a try. Much Appreciated

[@THEinsane1z]

Great video

[@yashsaxena7940]

nice video sir

[@NikolaiDimitrov-ez5ot]

What about compression

[@ehsankabir5235]

anyone can copy the url form the video/src when they inspect and can use it outside of the webpage

[@yarin0600]

From what you explained regarding CDN, it means that it is still possible to show a video to user using only S3?

[@nikita-dev]

Yes, it’s possible but not recommended, since the transfer costs coming out of S3 will be higher than Cloudfront, and there will be more latency

[@VaibhavGupta-iu4uf]

Are the services used available in aws free tier

[@nikita-dev]

yes, but only for your first year. after your first year the free tier expires, but you’ll probably only be charged pennies unless you get a ton of traffic. some services have a free tier indefinitely though

[@felixyoutuber]

This is great. Are you able to password protect video files so its only downloadable and accessible to folks that have the keys?

[@oSpam]

I’m a bit late, but yeah! You can turn on signed cloudfront. Then your server can generate a signed URL from the IAM users permissions and only that url can access the video. All unsigned URLs get access denied.

[@altangereldu4538]

How to make the video played only in my website?

[@calderonrenzs.9977]

how can i make it into a HTTP?

[@KrishnaKumar-qx1mk]

How to disable the download button and how can we secure the video?? If someone shares the link to his friend then the video should not play . How can we achieve that?

[@fralb14]

You should be able to achieve that using signed urls. You can enable "Restrict Viewer Access" when creating the distribution, then allow download and streaming only when the content is accessed with a pre-signed url. However, that normally needs the support of the backend because you might want to restrict access to users that have some permission after you check that in the database.

[@KrishnaKumar-qx1mk]

@@fralb14 thank you I'll look into that and start developing a secured website for streaming.

[@AdityaPatayane]

i want to make e learning platform where from only that form the videos should be accessible that platform will contain paid courses, how to in such case user can share the video url just buy inspecting the screen

[@siddharthsaurav7244]

When using this approach to render a video in React apps, I encounter problems playing large videos in the Safari browser. How can we fix this?

[@zhoufanchen293]

I encountered the same problem. I use this method introduced in the video to host video files (about 40mb each) on my website by using S3+Cloudfront. Everything works great on Windows(Chrome Browser). But on IOS (both Safari and Chrome), the video on my website just not loading, showing as a blank space. On Mac, not working on Safari but works on Arc

[@aungmyooo9692]

How much does it cost to play a movie? Can you explain?

[@AboElHag74]

Have you reached for an answer?

[@oSpam]

@@AboElHag74it was too much to handle.

[@ishantanusrivas]

Will this work also for android & iOS apps?

[@nikita-dev]

as long as you're using the cloudfront URL it should work... I haven't tested it on android/iOS though

[@zhoufanchen293]

@@nikita-dev I use this method introduced in the video to host video files (about 40mb each) on my website by using S3+Cloudfront. Everything works great on Windows(Chrome Browser). But on IOS (both Safari and Chrome), the video on my website just not loading, showing as a blank space. On Mac, not working on Safari but works on Arc

[@AliMohammed-gc5mx]

is any one can download this video ? if yes i need how can i prevent this ?

[@BioInASec]

The earth is round though 🤣🤣

[@whitehat4u]

Be carefull with the rules cuz they charge per rule and security protection

[@piyushdosi3986]

There is no advantage of using a CDN here because there would be no caching on client side since its a byte range call

[@rahulneekhra]

then what would be best architecture framework to utilize the caching

[@nikita-dev]

The CDN would still be beneficial because it will cache the video content at multiple edge locations around the world, which will reduce latency because it will be closer to your end users (otherwise users would have to request the video from your origin, which could be in a different continent). It's also faster for CloudFront to serve the video from its cache, instead of making a request to your origin (S3) every time. Lastly, without a cache sitting in front of your S3 bucket you would be paying a lot more in transfer costs and object requests.

[@rahulneekhra]

How can we include the video analytics and collection user actions on videos done by users

[@Rohitsingh2410]

No man this is not correct, youtube or netflix do not serves via mp4 links directly. Thats the real engineering

[@oSpam]

When did he say anything about being Netflix or KZbin? This is a basic video of using aws to host videos. Not engineering a potential 10s of hours of development of a custom streaming solution.

[@onlinejad]

That was a bad ass tutorial. Wow. I can't thank you enough!