In this video, we are going to create a Video Streaming application using React + Vite on Frontend, NestJS (NodeJS) on Backend, and AWS Cloudfront with Signed Cookies. The video streaming app will use Adaptive Bitrate Streaming with HLS protocol from Apple.
Mentioned links:
https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/private-content-trusted-signers.html
https://videojs.com/
https://videojs.com/guides/react/
-
00:00:00 - Introduction
-
00:00:55 - Video Summary
-
00:04:23 - Project steps + Diagram
-
00:09:10 - S3 buckets for project
-
00:09:52 - Backend part1 (Create HLS content w/Media Convert)
-
00:37:53 - Frontend part 1 (Initial setup)
-
00:47:00 - Cloudfront + S3 Setup
-
01:06:28 - Backend part 2 (Send signed cookies to Frontend)
-
01:26:14 - Frontend part 2 (Get Signed Cookies and send to Cloudfront)
-
01:41:00 - Conclusion
Github project: https://github.com/Mpcsj-Computing/abs-video-w-cloudfront