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!
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
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.
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
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
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?
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.
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
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?
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.
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
@@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
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.
When did he say anything about being Netflix or TH-cam? 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.
This is the benchmark for how video tutorials are supposed to be done. Kudos!
True
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!
Absolutely amazing bro, you teach me a lot in less than 10 minutes. Great job! Keep going
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!
Thank you so much. those 8 mins saved me 8 hours
Simple and straightforward!
Very crisp and clear. I was wondering if there is there a way to introduce a payment gateway to view the video?
Exactly what I needed, thank you!
Man this is a perfect video... Thank you so much!
We making it out the O block with this one
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
Glad to see you back !
Amazing content, straight to the point!
Great video. Thank you Nikita Dev!
Thank you very much. Simple and powerful!
I was spending days to implement 😢. Thank you
This is perfect. Honestly
Great video!
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.
Are the services used available in aws free tier
You help-me a lot, i'm registered now
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
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
Very Informative
Perfect!! :-)
Great video. Is there a way to connect an IP camera and get a live stream?
Thank you so much!
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?
From what you explained regarding CDN, it means that it is still possible to show a video to user using only S3?
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
Would this be ok for something like a course platform? Wondering about performance and users having loading issues and encoding. 🙂
This is great. Are you able to password protect video files so its only downloadable and accessible to folks that have the keys?
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.
Great video
nice video sir
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?
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
how can i make it into a HTTP?
How to make the video played only in my website?
Ty
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?
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.
@@fralb14 thank you I'll look into that and start developing a secured website for streaming.
How much does it cost to play a movie? Can you explain?
Have you reached for an answer?
@@AboElHag74it was too much to handle.
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
Will this work also for android & iOS apps?
as long as you're using the cloudfront URL it should work... I haven't tested it on android/iOS though
@@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
anyone can copy the url form the video/src when they inspect and can use it outside of the webpage
is any one can download this video ?
if yes i need how can i prevent this ?
The earth is round though 🤣🤣
How can we include the video analytics and collection user actions on videos done by users
There is no advantage of using a CDN here because there would be no caching on client side since its a byte range call
then what would be best architecture framework to utilize the caching
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.
No man this is not correct, youtube or netflix do not serves via mp4 links directly. Thats the real engineering
When did he say anything about being Netflix or TH-cam? 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.
That was a bad ass tutorial. Wow. I can't thank you enough!