HLS video streaming using Cloudfront and Signed Cookies
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/AmazonClo...
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/ab...