Build a Video Streaming Service on 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

[@TwistedFate123]

Simple and straightforward!

[@liamstory9594]

Exactly what I needed, thank you!

[@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!

[@bluecheckmiya]

Thank you for this tutorial!

[@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.

[@7doors847]

Glad to see you back !

[@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!

[@aleksey6151]

We making it out the O block with this one

[@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

[@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.

[@anhphan5621]

Thank you very much. Simple and powerful!

[@fdksdk4843]

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

[@QuietGaze]

Great video!

[@maxgriffiths6968]

This is perfect. Honestly

[@viniciuscordeiro1360]

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

[@MrSirojiddin]

I was spending days to implement 😢. Thank you

[@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?

[@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!

[@nikhilbhumkar1642]

Very Informative

[@logilous]

Thank you so much!

[@NikolaiDimitrov-ez5ot]

What about compression

[@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

[@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.

[@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.

[@CodingWithJan]

Perfect!! :-)

[@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

[@tinotaylor]

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

[@yashsaxena7940]

nice video sir

[@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.

[@THEinsane1z]

Great video

[@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

[@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

[@ehsankabir5235]

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

[@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

[@rahulneekhra]

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

[@THEBIGBANGTHEORYBRA]

Ty

[@AliMohammed-gc5mx]

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

[@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.

[@BioInASec]

The earth is round though 🤣🤣

[@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!