Amazon CloudFront
Developer Guide (API Version 2012-07-01)
« PreviousNext »
View the PDF for this guide.Go to the AWS Discussion Forum for this product.Go to the Kindle Store to download this guide in Kindle format.Did this page help you?  Yes | No |  Tell us about it...

Embedding Flash Media Playback for an Amazon CloudFront Live HTTP Stream in a Web Application

Perform the applicable procedure to get the embed code that you will include in your web page for the live stream:

To embed Flash Media playback for your HTTP stream via CloudFront

  1. Open the AWS CloudFormation console at https://console.aws.amazon.com/cloudformation/.

  2. Check the checkbox for the stack for live streaming.

  3. In the bottom pane of the AWS CloudFormation console, click the Outputs tab.

  4. Copy the value of the LiveHDSManifest key, for example, http://d123.cloudfront.net/hds-live/livepkgr/_definst_/liveevent/livestream.f4m.

  5. Click the value of the FlashMediaPlayback key to open the Flash Media Playback Setup webpage.

  6. On the Flash Media Playback Setup page, in the Video Source field, paste the value that you copied from the AWS Management Console in Step 4.

    Note

    Flash Media Playback requires Flash Player 10.1 to support HTTP Dynamic Streaming.

  7. For the Are you using HTTP Streaming or Flash Access 2.0 radio buttons, click Yes.

  8. Delete the value in the Poster frame file location field, if any.

  9. Click Preview to update the value of the Preview Embed Code text box.

  10. Play the video to ensure that you are satisfied with the current settings.

  11. Change settings as desired. After you change options, click Preview to update the embed code.

  12. To embed Flash Media Playback in a web page, copy the value of the Preview Embed Code text box, and paste it into the HTML code for your website.

    Note

    If you want users to view your live stream using a Flash-based player that is hosted on your own domain, see How do I update crossdomain.xml so my users can view the live stream using a Flash-based player that is hosted on my own domain?.

To play your live HLS stream on an Apple device via CloudFront

  1. Open the AWS CloudFormation console at https://console.aws.amazon.com/cloudformation/.

  2. Check the checkbox for the stack for live streaming.

  3. In the bottom pane of the AWS CloudFormation console, click the Outputs tab.

  4. Copy the value of the LiveHLSManifest key, for example, http://d123.cloudfront.net/hls-live/livepkgr/_definst_/liveevent/livestream.m3u8.

For information about where to use the URL to serve various iOS devices, QuickTime, and Safari, go to HTTP Live Streaming Overview in the iOS Developer Library.

For more information about publishing and playing live streams over HTTP, go to URLs for publishing and playing live streams over HTTP.

Next: Deleting an AWS CloudFormation Stack for Live Streaming