In this session, we will build a highly scalable mobile app, website, and serverless mobile backend architecture that demonstrates on-demand video streaming, adaptive multi-bitrate transcoding, and video content ingestion. We use AWS Lambda and Amazon Elastic Transcoder to automatically convert high resolution videos upon upload, Amazon CloudFront to stream video content to devices using network-aware adaptive multi-bitrate protocols (such as HLS), Amazon Cognito to authenticate users, and AWS Mobile Hub and AWS CloudFormation to automate setting up the required resources.

1. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS re:INVENT
Inte g r ati ng Vi de o i n Mo b i l e A p p s an d W e b si te s
A n d r e w C h u d
@ A n d r e w C h u d
M B L 3 0 8
D e c e m b e r 1 , 2 0 1 7

2. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
• Types of video apps
• Types of video services
• Problems
• Solutions
• Software architecture—live-streaming
• Software architecture—on-demand video
• Live demo
• New AWS Video Services
• Testing
Agenda

3. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Types of video apps
• OTT (over-the-top) television
• Social networking/sharing
• News feeds
• Communications

4. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Types of video services
Live-streaming
peer-to-peerVideo on-demand
Live-streaming
broadcast

5. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Problems
Radio
• Network conditions
• Bandwidth costs
• Resolutions
• Digital rights
Access
Packet core
Internet

6. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Solutions—content delivery network
Amazon
CloudFront

7. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Solutions—video transcoding
A d a p t i v e m u l t i - b i t r a t e
4K
Low
Med
High
MH L
1 20
[1] https://en.wikipedia.org/wiki/HTTP_Live_Streaming

8. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Solutions—adaptive multi-bitrate format
E xam p le :
- Fallback = 64K Audio & Still Images
- Cellular = 200K, 240p, 15FPS
- 3G = 420K, 288p, 15FPS
- 4G = 1000K, 360p, 30FPS
- LTE = 1400K, 432p, 30FPS
- Lo-WiFi = 2000K, 480p, 30FPS
- Med-WiFi = 2600K, 576p, 30FPS
- Hi-WiFi = 3400K Audio & 720p
[1] https://en.wikipedia.org/wiki/HTTP_Live_Streaming

9. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Solutions—encryption & access control
License
server

10. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Software architecture—live-streaming
Content
Delivery
Network
Load
Balancer
Services
- Encoding
- Packaging / Encryption
- Delivery
Android
SDK
Identity
Service
Storage
- Database
- Files
Access
Control
License
Service
API / Stream

11. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Software architecture—video on-demand
Amazon
CloudFront
Amazon S3 AWS Lambda
Amazon Elastic
Transcoder
Amazon S3
AWS
CloudFormationAWS CLI
Android
SDK
AWS
Mobile Hub
Amazon
Cognito
Upload Notification Create job
Files

12. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Live demo
•GitHub- AWS Mobile Project Extensions –
Simple Video Transcoding
http://bit.ly/aws-mobile-simple-video-transcoding

13. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Software architecture—resources
AWS Mobile Hub
Default:
• Amazon Cognito Identity Pool
• AWS IAM Role - Unauth End-Users
• Amazon S3 Bucket (deployments)
Feature: Analytics (on by default)
• Amazon Pinpoint Analytics Application
• AWS IAM Policies – Auth & Unauth End-Users
Guest
AuthN
Amazon
Cognito
Amazon
Pinpoint
Analytics
AWS IAM
AuthZ
?

14. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Software architecture—resources (con’t.)
Feature: User Sign-in
• Amazon Cognito User Pool
• AWS IAM Roles – Auth End-Users
• AWS IAM Role – SMS Verification
Andrew
AuthN
Amazon
Cognito
Amazon
Pinpoint
Analytics
AWS IAM
AuthZ
?
AWS Mobile Hub

15. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Software architecture—resources (con’t.)
Feature: User Data Storage
• Amazon S3 Bucket (userfiles)
• AWS IAM Auth & Unauth Policies (userfiles)
• AWS IAM Auth & Unauth Policies (userprofiles)
Feature: Hosting & Streaming
• Amazon S3 Bucket (hosting)
• AWS IAM Auth & Unauth Policies (hosting)
• Amazon CloudFront Distribution
User
Read / Write
AWS
IAM
AuthZ
Read
Hosting Files
Amazon S3
User Files
Amazon S3
Amazon
CloudFront
Read
AWS Mobile Hub

16. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Software architecture—resources
AWS CLI
• Reads Configuration from AWS Mobile Hub
• Deploys AWS CloudFormation Stacks
• Creates Amazon Elastic Transcoder Pipeline
• Uploads AWS Lambda Build Artifacts
• Creates Amazon S3 Notification to trigger AWS Lambda
Amazon S3 AWS Lambda Amazon Elastic
Transcoder
Notification Create job

17. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Stack #1 – Roles & Policies
• AWS IAM Role – AWS Lambda Execution
• AWS IAM Policy – AWS Lambda Execution
• Get Object – Amazon S3 (userfiles)
• Create Job - Amazon Elastic Transcoder
• AWS IAM Role – Amazon Elastic Transcoder Pipeline
• List Bucket, Get * - Amazon S3 (userfiles and hosting)
• Put *, * Multipart * - Amazon S3 (hosting)
Software architecture—resources (con’t.)
AWS CloudFormation
AWS IAM

18. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS CloudFormation
Stack #2 – Lambda
• AWS Lambda Function – Job Submitter
• AWS Lambda Permission – Amazon S3 (userfiles) invokes AWS Lambda
Software architecture—resources (con’t.)
Amazon S3 AWS Lambda
Notification

19. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Device Farm
• Over 400 Physical Devices
• First 1000 Minutes Free
• AWS Mobile Hub-based website performance testing is
free
(Live Demo)
Testing

20. MONETIZATION
AWS Elemental
MediaTailor
20
WHAT IS AWS ELEMENTAL
CONTENT DISPLAYS
DEVICESON DEMAND
Storage
Amazon S3
LIVE
FILE
TRANSCODING
LIVE
ENCODING
ORIGINATION &
PACKAGING
AWS Elemental
MediaLive
AWS Elemental
MediaPackage
AWS Elemental
MediaConvert
MEDIA STORAGE
& ORIGIN
AWS Elemental
MediaStore

21. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS partner solutions
• https://aws.amazon.com/answers/media-entertainment/live-streaming/

22. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Where to learn more
• Session videos
• MBL305: Implement User Onboarding, Sign-Up, and Sign-In...
• MBL309: User Engagement, Messaging and Analytics…
• MBL301: Testing and Troubleshooting with AWS Device Farm
• Github
• AWS Mobile Project Extensions – Simple Video Transcoding
• http://bit.ly/aws-mobile-simple-video-transcoding
• HLS.js: https://github.com/video-dev/hls.js
• AWS forums
• Mobile development
https://forums.aws.amazon.com/forum.jspa?forumID=88

23. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Thank you!
a w s . a m a z o n . c o m / m o b i l e
M B L 3 0 8 I n t e g r a t i n g V i d e o i n M o b i l e A p p s a n d W e b s i t e s

24. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Live Demo
1. AVD – Wipe Data, Tab – Workmail, Github
2. Terminal - Create Project Script
3. Slides – Mobile Hub Resources
4. Console – Hub Features, Resources
5. Terminal Back-end Setup Script
6. Slides – AWS CLI / CloudFormation Stacks
7. Console – IAM Roles, Policies, Access Control for S3
8. Terminal - Lambda Source
9. Terminal - S3 Notification JSON
10. Console – S3 User Files, Hosting
11. Console – Distribution Status
12. Console – CloudFormation Stacks, Resources
13. Terminal - Website Build, Deploy, Show
14. Android - App Build, Run
15. Android - Upload, Playback
16. Website - Playback
17. Console - ETS Console, Job Status
18. Console – Lambda Logs
19. Console - ETS