In this session, Amazon's Technology Evangelist Mario Viviani will cover what's needed to bring a high quality Media Streaming app to the living room the easiest way possible. We’ll see how to create high performing Android Media Streaming apps in just a few minutes using the Fire App Builder template for Android Apps for TV (http://bit.ly/FireAppBuilderDoc).
Together, we’ll understand how to:
easily connect a native Android app to video streaming services with just a few lines of code!
add features like social login, live streaming, subscriptions and in-app purchase in minutes
how to customize the UI and the look & feel of the streaming app
how to test and publish your app
how to reach millions of users via Amazon Fire TV
Axa Assurance Maroc - Insurer Innovation Award 2024
Developing Media Streaming Android Apps the Easy Way with Fire App Builder - Mario Viviani - Droidcon Italy 2018
1. MARIO VIVIANI
E U T E C H N O L O G Y E V A N G E L I S T, A M A Z O N A P P S T O R E
@mariuxtheone marioviviani
D E V E L O P I N G M E D I A S T R E A M I N G
A N D R O I D A P P S T H E E A S Y WAY
2. I T ’ S A - M E !
Ma r io V ivia n i
EU Technology Evangelist, Amazon Appstore
@mariuxtheone
Android Developer since 2010
95+ apps published
12,000,000+ downloads
Google Developer Expert 2013-15
Startup Founder, Co-Worker
Speaker at: Droidcon,
Casual Connect, Big Android BBQ,
Google I/O
7. A P P M O N E T I S AT I O N M O D E L S
Paid
Apps
In-App
Purchase
Subscriptions
AD
Advertisement
8. A M A Z O N S U B S C R I P T I O N S O N F I R E T V
+1400% YoY
Fire TV
On-Demand
Movie Streaming
Category Revenue
Amazon Appstore UK Data: Jan – May 2017
+125% YoY
Fire TV
Sports
Category Revenue
9. A M A Z O N F I R E T V FA C T S
Amazon Fire TV is
#1 BEST SELLING
Streaming Media Player
In US, UK and Germany
MANY MILLIONS
OF MINUTES
CONSUMED EVERY DAY
on Media Streaming Apps
on Fire TV in UK (2017)
24. Available: On Github
Feeds: JSON and MRSS
Player: ExoPlayer, Custom
UX/UI: Optimised for big screen
Theme/Branding: Customisable
IAP: Available
Closed captioning: Available
Ads: Yes - FreeWheel, VAST
Analytics: Yes - Flurry, Omniture, Crashlytics, 3P
Login: Yes - Amazon, Adobe, Facebook, 3P
Available: On Github
Feeds: JSON, YouTube and MRSS
Player: VisualOn, OVP
UX/UI: Optimised for big screen
Theme/Branding: Customisable
IAP: Available
Closed captioning: Available
Ads: OVP
Analytics: Yes
Social Login: No
Web App Starter Kit
25.
26. F I R E A P P B U I L D E R
STREAMING MEDIA PLAYERS
Plug and Play template for audio and video
apps. Create an app in less than 1 hour.
E A S Y, FA S T A N D
B E A U T I F U L
Contains modules (plugins) to enable advanced
functionality
Handles JSON feeds, branding and
customisation
Can be extended with your own code
Supports Amazon Fire TV family
27.
28. M O D U L E S
Social logins
In-App Purchasing
& Subscriptions
Ads
Analytics
Media Player AD
29. F I R E A P P B U I L D E R W O R K F L O W
CONFIGURE YOUR
FEED LAUNCH THE APP!
CUSTOMIZE UI &
MODULAR COMPONENTS
SETUP RECIPE FOR
CATEGORIES AND CONTENTS
JSON
30. 1 . C R E AT E Y O U R C O N T E N T F E E D
JSON
MRSS
[
{
"id":"123456",
"title":“My Awesome LOLs Video",
“description":“This is my awesome video",
"duration":"538",
"thumbURL":"http://myservice.com/thumbnail1.jpg",
"imgURL":"http://myservice.com/bigImage.jpg"",
"videoURL":"http://myservice.com/video.mp4"",
"categories":[“My Funny Videos”,
“Random Stuff”]}
...
]
SUPPORT FOR BOTH
TOKEN AND NON-TOKEN
BASED FEEDS
31. "cooker": "DynamicParser",
"format": "json",
"model": "com.amazon.android.model.content.Content",
"modelType": "array",
"query": "$[?(@.categories[0] in [$$par0$$])]",
"matchList": [
"title@title",
"id@id",
"description@description",
"videoURL@url",
"imgURL@cardImageUrl",
"imgURL@backgroundImageUrl"
]
2 . C R E AT E A R E C I P E TO M A P Y O U R C O N T E N T
R e c i p e . j s o n :
32. "cooker": "DynamicParser",
"format": "json",
"model": "com.amazon.android.model.content.Content",
"modelType": "array",
"query": "$[?(@.categories[0] in [$$par0$$])]",
"matchList": [
"title@title",
"id@id",
"description@description",
"videoURL@url",
"imgURL@cardImageUrl",
"imgURL@backgroundImageUrl"
]
2 . C R E AT E A R E C I P E TO M A P Y O U R C O N T E N T
Y O U R F E E D TA G S
F I R E A P P B U I L D E R TA G S
R e c i p e . j s o n :
33. 3 . S WA P C O M P O N E N T S
s e t t i n g s . g ra d l e
/* Implementations */
':PassThroughAdsComponent',
':AMZNMediaPlayerComponent',
':FlurryAnalyticsComponent',
':FacebookAuthComponent',
':AmazonInAppPurchaseComponent'
34. 3 . S WA P C O M P O N E N T S
s e t t i n g s . g ra d l e
/* Implementations */
':PassThroughAdsComponent',
':AMZNMediaPlayerComponent',
':FlurryAnalyticsComponent',
':LoginWithAmazonComponent',
':AmazonInAppPurchaseComponent'
35. 3 . U P D AT E D E P E N D E N C I E S
b u i l d . g ra d l e
compile project(':TVUIComponent')
compile project(':UAMP')
compile project(':AMZNMediaPlayerComponent')
compile project(':PassThroughAdsComponent')
compile project(':FacebookAuthComponent')
compile project(':AmazonInAppPurchaseComponent')
36. 3 . U P D AT E D E P E N D E N C I E S
b u i l d . g ra d l e
compile project(':TVUIComponent')
compile project(':UAMP')
compile project(':AMZNMediaPlayerComponent')
compile project(':PassThroughAdsComponent')
compile project(':LoginWithAmazonComponent')
compile project(':AmazonInAppPurchaseComponent')
37. 3 . A C T I VAT E C O M P O N E N T I N A C T I V I T Y
N a v i g a t o r. j s o n
"com.amazon.android.uamp.ui.PlaybackActivity": {
"verifyScreenAccess": true,
"verifyNetworkConnection": true,
"onAction": "CONTENT_RENDERER_SCREEN"
}
38.
39.
40. 4 . C U S TO M I Z E T H E L O O K & F E E L
N a v i g a t o r. j s o n
C H A N G E T H E F O N T
4 0 + E M B E D D E D F O N T S + C U S TO M
"branding": {
"globalTheme": "AppTheme",
"lightFont" : "Roboto Light",
"boldFont" : "Roboto Bold",
"regularFont": "Roboto Regular"
}
41. 4 . C U S TO M I Z E T H E L O O K & F E E L
ContentBrowseActivity
42. 4 . C U S TO M I Z E T H E L O O K & F E E L
FullContentBrowseActivity
43. S TA RT TO D AY !
D O W N L O A D
github.com/amzn/fire-app-builder
D O C U M E N TAT I O N
bit.ly/FireAppBuilderDoc
45. W E B A P P S TA RT E R K I T
STREAMING MEDIA PLAYERS
Web-Based Template for easily create
Media Streaming Apps
W E B - A P P S F O R T V
T H E E A S I E S T WAY
Optimised for the big screen
Handles JSON, MRSS and YouTube
Easily editable via CSS
Test directly on Fire TV through Web App Tester
bit.ly/WASKgithub