How to Stream Video from AWS (S3, Cloudfront, NextJS & Typescript)

Outline:
0:00 - Introduction
1:33 - Setting up Amazon S3
3:50 - Setting up Amazon Cloudfront CDN
6:34 - Why use a Content Distribution Network (CDN)?
7:47 - Checking if our AWS configuration is streaming video
13:00 - Fixing video streaming not working "bug"
13:50 - Outro

Helpful Links:

Disclaimer: If you incur any charges from setting up and using AWS with the information and steps I used in this tutorial, I am not financially responsible for your losses. You should always take steps to secure your information and backend, and know that you'll have to eventually pay money for AWS if you have traffic on your video site.

Follow me 😁:

[happylearning]

Thank you so much for the video, I was stuck on a very small thing on my cloudfront distribution, but then got it from yours! Great work, keep it up!

[TheRealJackMahoffer]

This is great! No BS just showing the process step-by-step. This was very helpful. Thank you!

[rnair.]

I like this approach. Instead of copying every step from a long from scratch to prod, these building blocks type videos give the viewers more agency in building their own projects.

[simplehonestmusic]

This was so helpful to me! and it totally worked for exactly the roadblock I was having in my project!! thank you!! Subscribed :)

[soumyaranjanpadhy]

Loved your approach short and on point.

[codebycandle]

immensely helpful; thank you for sharing!

[asam]

great video! exactly what i was looking for

[garryknight]

Thanks for this video. it helped me to stream with AWS. You made it so easy as am a newbie with this.

[empathydoesnotexist]

your a life saver man, I was initially streaming the files to client and parsing he contents into a blob, which gave me some memory issues. CloudFront takes care of all of that :)

[hexoter]

A very big like, I just needed this so bad...Thx man

[satpalsinghrathore]

Thank you so much for making this video.

[alenisegardner]

Thank you! Super helpful for what I could follow lol! 😆

[taijjun]

great! very appriciate that!! i need to take certify aws!

[srvtx]

Nicely done! I like that you show the errors along the way. Do you have any ideas on how to charge users on an individual basis, i.e. creating a login process and assigning the right to view the video based on payment etc.? Thanks!

[julieandthecollective]

Thank you. I have seen Amazon AWS being denied by my firewall I installed on my cell. Also, MTP Host runs all of the time, as well as many of the 200+ system apps that, as far as I know, were there when I first got it.

[codispatch]

Thanks for sharing this video 👍 can you also show how to serve video using akamai cdn and nextjs/typescript??

[Cmxmxmmx]

Hi. Great video. Thanks. Can I do this with amplify? Is it very costly?

[HercjayStudios]

This is very impressive...
Thank you very much for this well explained tutorial.

I'm trying to place videos inside s3-cloudfront and load it on my website (built with core php).

Since cloudfront doesn't fully support the default html <video>, I have heard that I can use Jw player or Flowplayer to load up the video. Since these are paid video players, someone else suggested using VideoJS which is free.


Now, I'm wondering if you could make a tutorial video on this workflow. Like, how to connect cloudfront to a core php website using VideoJS.

And also, could you also make a tutorial video on how to optimizeand encrypt these videos to make them load faster and to prevent people from downloading the video. I have heard of a mediaconversion that splits the video into tiny little bits and makes downloading the video harder for pirates.

[panagiotisgiannelos]

Nice one, next video could be using signed cookies for secure access depending on user

[binufernandez]

Hi, super useful video, thanks for creating. Any advice on why all my videos are buffering? all my videos are 4k ( 15 GB) and played on my app.