Amazon CloudFront
Developer Guide (API Version 2010-11-01)
Print this pageEmail this pageGo to the ForumsView the PDFShare this page on TwitterShare this page on FacebookBookmark this page on DeliciousSubmit this page to RedditSubmit this page to DiggDid this page help you?  Yes  No   Tell us about it...

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

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

To embed Flash Media playback for an CloudFront live stream in a web application

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

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

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

  4. Copy the value of the VideoSource key, for example, http://companymeeting.example.com/live/events/livepkgr/events/_definst_/liveevent.f4m.

  5. On the Open Source Media Framework website, browse to the Flash Media Playback Setup page, http://www.osmf.org/configurator/fmp.

  6. In the Video Source field, paste the value that you copied from the AWS Management Console earlier in this procedure.

  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 your HTML code residing in the domain that you specified when you created the AWS CloudFormation stack for live streaming.

    If you want to home web content in a domain different from the domain that you specified when you created the AWS CloudFormation stack for live streaming, change permissions in the cross-domain policy file, crossdomain.xml. Either log into Adobe Flash Media Server running on Amazon EC2, or edit the AWS CloudFormation template to create your own custom template. For more information on editing crossdomain.xml files, see the Adobe Cross Domain Policy File Specification, http://learn.adobe.com/wiki/download/attachments/64389123/CrossDomain_PolicyFile_Specification.pdf.

Next: Deleting an AWS CloudFormation Stack for Live Streaming