Delivering live streaming video with CloudFront and AWS Media Services

Question

i am creating react app by following https://github.com/aws-solutions/live-stream-on-aws github repo to implement live-stream-on-aws. I understood the steps of starting live, but i got stuck on cloud front. in this repo there is every step of how to create the input, medialive channel, mediapackage channel, endpoint. But i was not able to find connecting mediapackage to cloudfront. the steps i am doing in node js:

create media package, create endpoint, create input security group, create input, create media live channel,

in this process i am able to play live stream with endpoint url, but it is said that i have to broadcast the live on cloudfront. How can i connect cloudfront. Or is there any github repo like above one? If you can help, i would really appreciate it! Thank you very much!

IN the read me file of the repo it is clearly described the process as an image (https://github.com/aws-solutions/live-stream-on-aws#live-streaming-on-aws) if check at the end of the process there is cloudfront. in the source code i was not able to find even the word "cloudfront".

Answer 1

To connect your MediaPackage channel to CloudFront, you need to create a CloudFront distribution and configure it to use your MediaPackage channel as the origin.

Here are the high-level steps to do this:

1. Create a CloudFront distribution by going to the CloudFront console, clicking "Create Distribution," and selecting "Web" as the delivery method.

2. In the "Origin Domain Name" field, select the MediaPackage endpoint that you created earlier.

3. In the "Viewer Protocol Policy" field, select "HTTPS Only."

4. In the "Alternate Domain Names (CNAMEs)" field, enter the domain name you want to use for your CloudFront distribution. You will need to create a DNS record pointing to your CloudFront distribution's domain name.

5. Complete the rest of the CloudFront distribution settings, including configuring SSL and setting up any necessary caching behaviors.

6. After your CloudFront distribution is created, you can access your live stream by going to the domain name you specified in step 4.

As for a GitHub repo, AWS has an official sample that demonstrates how to set up live streaming with CloudFront and MediaPackage: https://github.com/aws-samples/aws-media-services-simple-live-workflow. This sample covers the entire workflow, from creating the input to delivering the live stream with CloudFront. You can use this as a reference implementation for your own project.

Ready to level up your coding game? Uncover the realm of microservices with our cutting-edge Microservices Developer Certification!