This document discusses integrating an Android app with Chromecast. It covers the requirements for sender and receiver apps, the discovery and connection process, and data transmission. It also introduces the CastCompanionLibrary which handles common Chromecast functionality like playback controls and notifications.

1. Integrando sua app
Android com
Chromecast
Athila Santos
athila@ciandt.com

2. Formado em Engenharia da Computação pela
Universidade Federal de Itajubá em 2007. Trabalho
com desenvolvimento Mobile desde então e com
Android desde 2009 (Android 1.5)
26

3. Ready to cast!

4. Cast device

5. Cast device
Provedor de
conteúdo

6. Cast device
Renderizador
Provedor de
conteúdo

7. Cast device
Renderizador
Controle
Provedor de
conteúdo

8. Cast devices no mercado

9. Amazon Fire TV
Roku 3 Apple TV Google
Chromecast
Processador Quad core Dual core Single core Single core
Memória 2 GB 512 MB 512 MB 512 MB
Controle
Comando por
voz; controle
físico
Controle físico;
app iOS
disponível
Controle físico;
app iOS
Controlado por
app (iOS,
Android, Chrome)
HDMI SIM SIM SIM SIM
Preço $99 $99 $99 $35

10. Chromecast: Requisitos
● Sender app

11. Chromecast: Requisitos
● Sender app

12. Chromecast: Requisitos
● Sender app
● Receiver app

13. Chromecast: Requisitos
● Sender app
● Receiver app

14. Chromecast: Requisitos
● Sender app
● Receiver app
Default Receiver (pronto para uso)

15. Chromecast: Requisitos
● Sender app
● Receiver app
Default Receiver (pronto para uso)
Styled Media Receiver
Custom Receiver

16. Chromecast: Requisitos

17. Chromecast: Requisitos

18. Chromecast: Requisitos

19. Chromecast: Requisitos

20. Chromecast: Requisitos

21. Chromecast: Requisitos

22. Chromecast: Requisitos

23. Chromecast: Requisitos

24. Chromecast: Requisitos

25. Chromecast: Requisitos

26. Chromecast: Requisitos

27. Chromecast: Requisitos
● Sender app
● Receiver app
Default Receiver (pronto para uso)
Styled Media Receiver
Custom Receiver

28. Chromecast: Requisitos
● Sender app
● Receiver app
Default Receiver (pronto para uso)
Styled Media Receiver
Custom Receiver
Web browser limitado!

29. Chromecast: Application lifecycle

30. Chromecast: Application lifecycle

31. Chromecast: Application lifecycle

32. Chromecast: Application lifecycle
App
ID

33. Chromecast: Application lifecycle
App
ID
App
ID

34. Chromecast: Application lifecycle
App
ID
App
ID
URL

35. Chromecast: Application lifecycle
App
ID
App
ID
URL
URL

36. Chromecast: Application lifecycle
App
ID
App
ID
URL
URL
HTML

37. Chromecast: Application lifecycle
App
ID
App
ID
URL
URL
HTML
Canal de dados

38. The sender app

39. Sender app: Dependências

40. Sender app: Dependências
● Android Support Library v7

41. Sender app: Dependências
● Android Support Library v7
● Android Support Media Router Library

42. Sender app: Dependências
● Android Support Library v7
● Android Support Media Router Library
● Google Play Services

43. Sender app: Os passos para o sucesso...
1. Descoberta de dispositivos
2. Gerenciamento de sessão
3. Transimissão de dados

44. Sender app: Os passos para o sucesso...
1. Descoberta de dispositivos
2. Gerenciamento de sessão
3. Transimissão de dados

45. Sender app: Descoberta de dispositivos

46. Sender app: Descoberta de dispositivos

47. Sender app: Descoberta de dispositivos
<?xml version="1.0" encoding="utf-8"?><menu
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" >
<item
android:id="@+id/media_route_menu_item"
android:title="@string/media_route_menu_title"
app:actionProviderClass="android.support.v7.app.MediaRouteActionProvider"
app:showAsAction="always"/></menu>

48. Descoberta de dispositivos: Media Router Selector

49. Descoberta de dispositivos: Media Router Selector
public class MediaRouterPlaybackActivity extends ActionBarActivity {
private MediaRouteSelector mSelector;
@Override
protected void onCreate(Bundle savedInstanceState) {
(...)
// Create a route selector for the type of routes your app supports.
mSelector = new MediaRouteSelector.Builder()
// These are the framework-supported intents
.addControlCategory(MediaControlIntent.CATEGORY_LIVE_AUDIO)
.addControlCategory(MediaControlIntent.CATEGORY_LIVE_VIDEO)
.addControlCategory(MediaControlIntent.CATEGORY_REMOTE_PLAYBACK)
.build();
(...)
}
}

50. Descoberta de dispositivos: Media Router Selector
public boolean onCreateOptionsMenu(Menu menu) {
super.onCreateOptionsMenu(menu);
// Inflate the menu and configure the media router action provider.
getMenuInflater().inflate(R.menu.sample_media_router_menu, menu);
// Attach the MediaRouteSelector to the menu item
MenuItem mediaRouteMenuItem = menu.findItem(R.id.media_route_menu_item);
MediaRouteActionProvider mediaRouteActionProvider =
(MediaRouteActionProvider) MenuItemCompat.getActionProvider(mediaRouteMenuItem);
mediaRouteActionProvider.setRouteSelector(mSelector);
// Return true to show the menu.
return true;
}

51. Sender app: Os passos para o sucesso...
1. Descoberta de dispositivos
2. Gerenciamento de sessão
3. Transimissão de dados

52. Sender app: Os passos para o sucesso...
1. Descoberta de dispositivos
2. Gerenciamento de sessão
3. Transimissão de dados

53. Gerenciamento de sessão: Media Router Callback
private final MediaRouter.Callback mMediaRouterCallback = new MediaRouter.Callback() {
@Override
public void onRouteSelected(MediaRouter router, RouteInfo route) {
}
@Override
public void onRouteUnselected(MediaRouter router, RouteInfo route) {
}
@Override
public void onRoutePresentationDisplayChanged(MediaRouter router, RouteInfo route) {
}
}

54. Gerenciamento de sessão: Media Router Callback
public class MediaRouterPlaybackActivity extends ActionBarActivity {
protected void onCreate(Bundle savedInstanceState) {
mMediaRouter = MediaRouter.getInstance(this);
}
public void onStart() {
mMediaRouter.addCallback(mSelector, mMediaRouterCallback,
MediaRouter.CALLBACK_FLAG_REQUEST_DISCOVERY);
}
public void onStop() {
mMediaRouter.removeCallback(mMediaRouterCallback);
super.onStop();
}
}

55. Gerenciamento de sessão: Media Router Callback
public class MediaRouterPlaybackActivity extends ActionBarActivity {
protected void onCreate(Bundle savedInstanceState) {
mMediaRouter = MediaRouter.getInstance(this);
}
public void onStart() {
mMediaRouter.addCallback(mSelector, mMediaRouterCallback,
MediaRouter.CALLBACK_FLAG_REQUEST_DISCOVERY);
}
public void onStop() {
mMediaRouter.removeCallback(mMediaRouterCallback);
super.onStop();
}
}

56. Gerenciamento de sessão: Media Router Callback
public class MediaRouterPlaybackActivity extends ActionBarActivity {
protected void onCreate(Bundle savedInstanceState) {
mMediaRouter = MediaRouter.getInstance(this);
}
public void onStart() {
mMediaRouter.addCallback(mSelector, mMediaRouterCallback,
MediaRouter.CALLBACK_FLAG_REQUEST_DISCOVERY);
}
public void onStop() {
mMediaRouter.removeCallback(mMediaRouterCallback);
super.onStop();
}
}

57. Sender app: Os passos para o sucesso...
1. Descoberta de dispositivos
2. Gerenciamento de sessão
3. Transimissão de dados

58. Sender app: Os passos para o sucesso...
1. Descoberta de dispositivos
2. Gerenciamento de sessão
3. Transimissão de dados

59. Sender app: Os passos para o sucesso...
1. Descoberta de dispositivos
2. Gerenciamento de sessão
3. Transimissão de dados

60. Transmissão de dados: Mensagem genérica
Cast.CastApi.sendMessage (com.google.android.gms.common.api.GoogleApiClient, NAMESPACE, message)
.setResultCallback (
new ResultCallback<Status>() {
@Overridepublic void onResult(Status result) {
if (!result.isSuccess()) {
Log.e(TAG, "Sending message failed");
}
}
});

61. Transmissão de dados: Remote playback
protected void onCreate(Bundle savedInstanceState) {
Bundle mediaInfo = new Bundle();
mediaInfo.putString(MediaMetadata.KEY_TITLE, "Big Buck Bunny");
mediaInfo.putString(MediaMetadata.KEY_SUBTITLE, "Blender Foundation");
mediaInfo.putString(MediaMetadata.KEY_STUDIO, "Fusce id nisi turpis. Praesent viverra
bibendum semper. Donec tristique, orci");
(...)
}

62. Transmissão de dados: Remote playback
public void onRouteSelected(MediaRouter router, RouteInfo route) {
mRemotePlaybackClient = new RemotePlaybackClient(this, route);
mRemotePlaybackClient.play(Uri.parse("http://meu_video.mp4"),
"video/mp4", mediaInfo, 0, null, new ItemActionCallback() {
@Override
public void onResult(Bundle data, String sessionId, MediaSessionStatus sessionStatus,
String itemId, MediaItemStatus itemStatus) {
logStatus("play: succeeded for item " + itemId);
}
@Override
public void onError(String error, int code, Bundle data) {
}
});
}

63. Google Cast User
Guidelines

64. Google Cast User Guidelines
https://developers.google.com/cast/docs/design_checklist#sender

67. CastCompanionLibrary - Registrando receiver app
public class CastApplication extends Application {
private static VideoCastManager mCastMgr = null;
public static VideoCastManager getCastManager(Context context) {
if (null == mCastMgr) {
mCastMgr = VideoCastManager.initialize(context, APPLICATION_ID, null, null);
}
mCastMgr.setContext(context);
return mCastMgr;
}
}

68. CastCompanionLibrary - Registrando receiver app
public class CastApplication extends Application {
private static VideoCastManager mCastMgr = null;
public static VideoCastManager getCastManager(Context context) {
if (null == mCastMgr) {
mCastMgr = VideoCastManager.initialize(context, APPLICATION_ID, null, null);
}
mCastMgr.setContext(context);
return mCastMgr;
}
}
Default Receiver App:
CastMediaControlIntent.DEFAULT_MEDIA_RECEIVER_APPLICATION_ID

69. Sender app: Descoberta de dispositivos
<?xml version="1.0" encoding="utf-8"?><menu
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" >
<item
android:id="@+id/media_route_menu_item"
android:title="@string/media_route_menu_title"
app:actionProviderClass="android.support.v7.app.MediaRouteActionProvider"
app:showAsAction="always"/></menu>

70. CastCompanionLibrary - Descoberta de devices
public class PlayerActivity extends ActionBarActivity {
private VideoCastManager mCastManager;
private MediaInfo mSelectedMedia;
private VideoCastConsumerImpl mCastConsumer;
protected void onCreate(Bundle savedInstanceState) {
mCastManager = CastApplication.getCastManager(this);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
super.onCreateOptionsMenu(menu);
getMenuInflater().inflate(R.menu.main, menu);
mCastManager.addMediaRouterButton(menu, R.id.media_route_menu_item);
return true;
}
}

71. CastCompanionLibrary - Gerenciando sessão
protected void onCreate(Bundle savedInstanceState) {
mCastConsumer = new VideoCastConsumerImpl() {
public void onApplicationConnected(ApplicationMetadata appMetadata, String sessionId,
boolean wasLaunched) { }
public void onApplicationDisconnected(int errorCode) { }
public void onDisconnected() { }
public void onRemoteMediaPlayerMetadataUpdated() { }
public void onFailed(int resourceId, int statusCode) { }
public void onConnectionSuspended(int cause) { }
public void onConnectivityRecovered() { }
};
}
protected void onResume() {
super.onResume();
mCastManager.addVideoCastConsumer(mCastConsumer);
}

72. CastCompanionLibrary - Reproduzindo vídeo remoto
protected void onCreate(Bundle savedInstanceState) {
Bundle mediaInfo = new Bundle();
mediaInfo.putString(MediaMetadata.KEY_TITLE, "Big Buck Bunny");
mediaInfo.putString(MediaMetadata.KEY_SUBTITLE, "Blender Foundation");
mediaInfo.putString(MediaMetadata.KEY_STUDIO, "Fusce id nisi turpis. Praesent viverra bibendum
semper. Donec tristique, orci");
mediaInfo.putString(com.google.sample.castcompanionlibrary.utils.Utils.KEY_URL, http://url.mp4);
mediaInfo.putString(com.google.sample.castcompanionlibrary.utils.Utils.KEY_CONTENT_TYPE,
"video/mp4");
ArrayList<String> images = new ArrayList<String>();
images.add("http://image_url_480");
images.add("http://image_url_720");
mediaInfo.putStringArrayList(com.google.sample.castcompanionlibrary.utils.Utils.KEY_IMAGES,
images);
mSelectedMediaInfo = com.google.sample.castcompanionlibrary.utils.Utils.toMediaInfo(mediaInfo);
}

73. CastCompanionLibrary - Reproduzindo vídeo remoto
mediaInfo.putString(MediaMetadata.KEY_TITLE, "Big Buck Bunny");

74. CastCompanionLibrary - Reproduzindo vídeo remoto
mediaInfo.putString(MediaMetadata.KEY_TITLE, "Big Buck Bunny");

75. CastCompanionLibrary - Reproduzindo vídeo remoto
mediaInfo.putString(MediaMetadata.KEY_SUBTITLE, "Blender Foundation");

76. CastCompanionLibrary - Reproduzindo vídeo remoto
mediaInfo.putString(MediaMetadata.KEY_SUBTITLE, "Blender Foundation");

77. CastCompanionLibrary - Reproduzindo vídeo remoto
mediaInfo.putString(MediaMetadata.KEY_STUDIO, "Fusce id nisi turpis. Praesent viverra bibendum
semper. Donec tristique, orci");

78. CastCompanionLibrary - Reproduzindo vídeo remoto
mediaInfo.putString(MediaMetadata.KEY_STUDIO, "Fusce id nisi turpis. Praesent viverra bibendum
semper. Donec tristique, orci");

79. CastCompanionLibrary - Reproduzindo vídeo remoto
images.add("http://image_url_480");

80. CastCompanionLibrary - Reproduzindo vídeo remoto
images.add("http://image_url_480");

81. CastCompanionLibrary - Reproduzindo vídeo remoto
public void onApplicationConnected(ApplicationMetadata appMetadata,
String sessionId, boolean wasLaunched) {
if (null != mSelectedMedia) {
mCastManager.startCastControllerActivity(this, mSelectedMedia, 0, true);
finish();
return;
}
}

82. CastCompanionLibrary - Reproduzindo vídeo remoto

83. Brindes da CCL

84. CastControllerActivity

85. CCL - CastControllerActivity

86. CCL - CastControllerActivity

87. CCL - CastControllerActivity
images.add("http://image_url_720");

88. CCL - CastControllerActivity
<activity
android:name="com.google.sample.castcompanionlibrary.cast.player.VideoCastControllerActivity"
android:launchMode="singleTask"
android:screenOrientation="portrait"
android:theme="@style/Theme.CastVideoOverlayYellow" >
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value="<parentActivity>" />
<intent-filter>
<action android:name="android.intent.action.MAIN" />
</intent-filter>
</activity>

89. MiniController

90. CCL - MiniController

91. CCL - MiniController

92. CCL - MiniController
<com.google.sample.castcompanionlibrary.widgets.MiniController
android:id="@+id/miniController1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:visibility="gone" >
</com.google.sample.castcompanionlibrary.widgets.MiniController>

93. CCL - MiniController
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// -- Adding MiniController
mMini = (MiniController) findViewById(R.id.miniController1);
mCastManager.addMiniController(mMini);
}
protected void onDestroy() {
if (null != mCastManager) {
mCastManager.removeMiniController(mMini);
}
super.onDestroy();
}

94. OnGoing Notification

95. CCL - OnGoing Notification

96. CCL - OnGoing Notification

97. CCL - OnGoing Notification
<receiver android:name="com.google.sample.castcompanionlibrary.remotecontrol.VideoIntentReceiver" >
<intent-filter>
<action android:name="com.google.sample.castcompanionlibrary.action.toggleplayback" />
<action android:name="com.google.sample.castcompanionlibrary.action.stop" />
</intent-filter>
</receiver>
<service
android:name="com.google.sample.castcompanionlibrary.notification.VideoCastNotificationService"
android:exported="false" >
<intent-filter>
<action android:name="com.google.sample.castcompanionlibrary.action.toggleplayback" />
<action android:name="com.google.sample.castcompanionlibrary.action.stop" />
<action android:name="com.google.sample.castcompanionlibrary.action.notificationvisibility" />
</intent-filter></service>

98. CCL - OnGoing Notification
protected void onResume() {
mCastManager = CastApplication.getCastManager(this);
mCastManager.incrementUiCounter();
}
protected void onPause() {
mCastManager.decrementUiCounter();
}
public class CastApplication extends Application {
private static VideoCastManager mCastMgr = null;
public static VideoCastManager getCastManager(Context context) {
mCastMgr = VideoCastManager.initialize(context, APPLICATION_ID, null, null);
mCastMgr.enableFeatures(VideoCastManager.FEATURE_NOTIFICATION );
return mCastMgr;
}
}

99. Lock Screen

100. CCL - Lock Screen

101. CCL - LockScreen
public class CastApplication extends Application {
private static VideoCastManager mCastMgr = null;
public static VideoCastManager getCastManager(Context context) {
mCastMgr = VideoCastManager.initialize(context, APPLICATION_ID, null, null);
mCastMgr.enableFeatures(VideoCastManager.FEATURE_NOTIFICATION |
VideoCastManager.FEATURE_LOCKSCREEN);
return mCastMgr;
}
}

103. CCL RULES!!!!!

104. Obrigado!
Athila Santos
athila@ciandt.com
athilahs@gmail.com
br.linkedin.com/pub/athila-henrique-dos-santos/
6/41/744/