CloudFront DESIGN PATTERNS

CloudFront DESIGN PATTERNS

Abhishek Tiwari@abhishektiwari

http://abhishek-tiwari.com

Wednesday, 7 August 13

https://twitter.com/abhishektiwari

https://twitter.com/abhishektiwari



About me


About me

Solutions Architect


About me

Solutions Architect Early AWS adopter (2007)


About me

Solutions Architect Early AWS adopter (2007)Built Cotton On Group’s AWS Infrastructure (2012)


Design Patterns


Design Patterns

Dynamic and Adoptive Thumbnailing


Design Patterns

Dynamic and Adoptive ThumbnailingAudio/Video Streaming


Design Patterns

Dynamic and Adoptive ThumbnailingAudio/Video StreamingPrivate Content


Design Patterns

Dynamic and Adoptive ThumbnailingAudio/Video StreamingPrivate ContentLive Streaming


Dynamic Thumbnailing


Dynamic ThumbnailingDynamic: on-the-fly thumbnailing/caching


Dynamic ThumbnailingDynamic: on-the-fly thumbnailing/cachingAdoptive: optimized for the device


Dynamic ThumbnailingDynamic: on-the-fly thumbnailing/cachingAdoptive: optimized for the deviceAnti-pattern: Generate all sizes of thumbnails on image upload and store in S3



Not adoptive



Not adoptiveNot manageable



Not adoptiveNot manageableMinor Design Changes: Regenerate all thumbnails every time


Dynamic ThumbnailingRequires



A thumbnail cache behavior mapped to custom origin server



A thumbnail cache behavior mapped to custom origin serverCustom origin server with ability




To download original image from S3 or any other source




To download original image from S3 or any other sourceTo generate thumbnail of requested size and return it to CF distribution to serve




To download original image from S3 or any other sourceTo generate thumbnail of requested size and return it to CF distribution to serveTo set expiration time so that in near-future CF don’t request again


Dynamic Thumbnailingdef thumb (image, width, height) :

quality = 0.9thumbed = getThumb(image, quality, width, height)thumbed.setCacheControlMaxAge(EX)......return thumbed

Width Height Image


Dynamic Thumbnailingdef thumb (image, width, height) :

quality = 0.9thumbed = getThumb(image, quality, width, height)thumbed.setCacheControlMaxAge(EX)......return thumbed



static/images/thumb/b723eh0f0df.png?width=400&height=300

def thumb (image, width, height) :quality = 0.9thumbed = getThumb(image, quality, width, height)thumbed.setCacheControlMaxAge(EX)......return thumbed



static/images/thumb/b723eh0f0df.png?width=400&height=300static/images/thumb/b723eh0f0df.png?width=400&height=300




static/images/thumb/b723eh0f0df.png?width=400&height=300static/images/thumb/b723eh0f0df.png?width=400&height=300


Forward Query Strings is Turned On


Audio/Video Streaming


Audio/Video StreamingRequires two CloudFront distributions



Download distribution (HTTP protocol) for media player



Download distribution (HTTP protocol) for media playerStreaming distribution (RMTP protocol) for video/audio file




Adobe Flash Media Server 3.5 as the streaming server




Adobe Flash Media Server 3.5 as the streaming serverRTMP Variants: RTMP, RTMPT, RTMPE, RTMPTE


Audio/Video Streaming


Private Content


Private ContentRestrict viewer access using signed URL


Private ContentRestrict viewer access using signed URLSigned URLs control access based on policy statement


Private ContentRestrict viewer access using signed URLSigned URLs control access based on policy statementPolicy statement can be



Canned policy (access to one object)



Canned policy (access to one object)Custom policy (access to one or more objects using pattern matching)


Private Content


Private ContentA complete singed URL contains



a base URL (http://my.cf.net/image.png, /v/myvideo.flv)


http://my.cloudfront.net/image.png



a base URL (http://my.cf.net/image.png, /v/myvideo.flv) a policy statement as a signature (hashed+signed, optionally Base-64 encoded for URL safe compression)





a base URL (http://my.cf.net/image.png, /v/myvideo.flv) a policy statement as a signature (hashed+signed, optionally Base-64 encoded for URL safe compression)CF key-pair id





a base URL (http://my.cf.net/image.png, /v/myvideo.flv) a policy statement as a signature (hashed+signed, optionally Base-64 encoded for URL safe compression)CF key-pair id optional parameters (expiration timestamp etc)






CF matches the signed URL pattern






CF matches the signed URL patternIf signed URL is valid then CF gives viewer access to object




Private Content (Streaming)


Private Content (Download)


Live Streaming


Live StreamingSupports live streaming with



Adobe’s Flash Media Server 4.5 (AFMS)



Adobe’s Flash Media Server 4.5 (AFMS) IIS Media Services (Smooth Streaming)




Both Stream media over HTTP/HTTPS to Apple iOS devices in HLS format




Both Stream media over HTTP/HTTPS to Apple iOS devices in HLS formatAFMS streams to Flash clients with HDS




Both Stream media over HTTP/HTTPS to Apple iOS devices in HLS formatAFMS streams to Flash clients with HDSIIS MS stream to Silverlight clients over HTTP


Live Streaming


Live StreamingHow it work?



Each solution relies on an encoder and a media service or server



Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right format



Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right formatVideo is pushed to origin server (media service or server)



Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right formatVideo is pushed to origin server (media service or server)Origin server then breaks the video into a series of smaller files (segments or fragments)



Each solution relies on an encoder and a media service or serverEncoder takes live video as input and convert video into right formatVideo is pushed to origin server (media service or server)Origin server then breaks the video into a series of smaller files (segments or fragments)Each fragment is cached in CF and can be encoded on different bit rate


Thank YouQ & A


CloudFront DESIGN PATTERNS

Technology

Transcript of CloudFront DESIGN PATTERNS