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
The Ultimate Guide to Choosing WordPress Pros and Cons
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