Video Streaming. dal player standard Android verso device non convenzionali. GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

Transcript

1 Video Streaming dal player standard Android verso device non convenzionali

2 Chi siamo? +MatteoBonifazi +AlessandroMartelluc ci a.martellucci[at]reply.i u m

3 Open Reply & Android Lab Reply spa è una delle società leader nel settore IT Opera in Italia, Germania, UK, Benelux, USA and Brasile. Open Reply è una società del Gruppo Reply spa specializzata su tecnologie open source, soluzioni web multicanale and applicazioni mobile. Based in Rome, Open Reply s Android Lab is a young team of over 20 engineers 100% focused on Android development. Specializzati in applicazioni broadcasting, bancarie e customizzazioni del sistema operativo Android. Open Reply - JPEG.jpg

4 Codelab Millestones Ex1 Streaming di un contenuto su smartphone e tablet Ex2 Streaming con app per Ex3 Divertirsi utilizzando il

5 Android multimedia framework Android supporta diversi tipi di formati per lo streaming di contenuti I file possono essere salvati all interno dell applicazione (raw resources, standalone files) oppure utilizzando servizi di OTT streaming. La documentazione dell Android multimedia framework copre soltanto i casi base.

6 Tipi supportati HttpLiveStreaming Protocol 3 è supportato da Android 4.0. La migliore implementazione si trova su dispositivi KitKat. source:

7 MediaPlayer code example //1. Recuperare la view VideoView myvideoview = (VideoView)findViewById(R.id.myvideoview); //2. Setup video url myvideoview.setvideouri(uri.parse(srcpath)); //3. Impostare il video controller myvideoview.setmediacontroller(new MediaController(this)); //4. Inizio dello streaming. myvideoview.requestfocus(); myvideoview.start(); android.widget.videoview

8 Android TV L intrattenimento per la nostra sala Source:

9 Nexus Player Asus device 235 g 1.8GHz Quad Core, Intel Atom Imagination PowerVR Series 6 Graphics 2D/3D Engine 1GB RAM 8GB storage Source:

10 Android TV app caratteristiche tecniche Android TV device hanno Android Lollipop 5.0. Android TV possiede la stessa versione del Multimedia Framework dei normali dispisitvi Android. Android TV app sono compatibili dalle API 17. Basate sulla libreria Leanback Android Support.

11 TV Full HD dpi 10 feet experience Smartphone dp 50 centimetri 3 metri

12 Manifest features Supportare landscape Portrait activity sono escluse

13 Manifest features No touch screen <uses-feature android:name="android.hardware.touchscreen" android:required="false"/>

14 Manifest features Limit sensor <uses-feature android:name="android.hardware.sensor.accelerometer android:required="false" />

15 Keep calm and lean back!! Fornisce componeti built-in customizzati per lo schermo della TV

16 Leanback support library <uses-feature android:name="android.software.leanback" android:required="true" /> <application android:allowbackup="false > <activity android:name="mainactivity android:screenorientation="landscape" > <intent-filter> <action android:name="android.intent.action.main" /> <category android:name="android.intent.category.leanback_launcher" /> </intent-filter> </activity>

17 Leanback support library Model View Presenter Model Presenter View

18 Leanback UI component BroswerFragment Permette agli sviluppatore di avere un layout della propria applicazione già precostruito e pronto all uso.

19 Leanback UI component DetailFragment Mostra informazioni riguardo i contenuti selezionati dall utente.

20 Chromecast un cast-ready device per la multi-screen experience source:

21 Chromecast caratteristiche hardware source:

22 Chromecast componenti Google Cast Esperienza Multi-Screen Google Cast SDK Applicazione client Android app ios app Chrome app Applicazione receiver Default Media Receiver Styled Media Receiver Custom Media Receiver

23 Applicazione client Android librerie e dipendenze Versione minima supportata è la 9 (Gingerbread) MediaRouter API nel android-support-v7 Google Play Services AppCompat API nel android-support-v7

24 Applicazione client Android tipico flusso di esecuzione Client usa MediaRouter per fare il discovery: MediaRouter.addCallback MediaRouter informa il client della route selezionata: MediaRouter.Callback.onRouteSelected Il client recupera l istanza di CastDevice: CastDevice.getFromBundle Il client usa GoogleApiClient per collegarsi allo strato di sistema: GoogleApiClient.Builder source: developers.google.com Il client avvia l applicazione receiver: Cast.CastApi.launchApplication Il client instaura il canale di comunicazione: Cast.CastApi.setMessageReceivedCallbacks Il client invia messaggi di protocollo sul canale di trasmissione: Cast.CastApi.sendMessage

25 Ricerca Cast-Ready Device caratteristiche Live Audio Remote Playback Live Video MediaRouteSelector.Builder mediarouteselectorbuilder = new MediaRouteSelector.Builder(); mediarouteselectorbuilder.addcontrolcategory(mediacontrolintent.category_remote_ PLAYBACK); mediarouteselectorbuilder.addcontrolcategory(mediacontrolintent.category_live_aud IO); mediarouteselectorbuilder.addcontrolcategory(mediacontrolintent.category_live_vid EO);

26 Media Cast Button facile approccio alla ricerca source: developers.google.com source: developers.google.com public boolean oncreateoptionsmenu(menu menu) { MenuItem mediaroutemenuitem = menu.finditem(r.id.media_route_menu_item); MediaRouteActionProvider mediarouteactionprovider = (MediaRouteActionProvider) MenuItemCompat.getActionProvider(mediaRouteMenuItem); mediarouteactionprovider.setrouteselector(mmediarouteselector);. }

27 Applicazione Receiver quale mistero? Che cosa è? Applicazione HTML5 - Javascript Che cosa fa? Visualizza il contenuto a video Gestisce i messaggi Quali tipo esistono? Default Media Receiver Styled Media Receiver Custom Media Receiver

28 Default Media Receiver il più semplice Off-the-shelf Nessuna personalizzazione Nessuna registrazione Source: developers.google.com

29 Styled Media Receiver semplice e personalizzabile Simile al Default Media Player CSS per la personalizzazione Registrazione Source: developers.google.com

30 Custom Media Receiver (1/3) qualsiasi cosa Web Applicaiton Debug(able) at 9222 Registrazione Source: developers.google.com

31 Custom Media Receiver (2/3) esempio <html> <head> <title>example minimum receiver</title> <script src="// </head> <body> <video id='media'/> <script> window.mediaelement = document.getelementbyid('media'); window.mediamanager = new cast.receiver.mediamanager(window.mediaelement); window.castreceivermanager = cast.receiver.castreceivermanager.getinstance(); window.castreceivermanager.start(); </script> </body> </html>

32 Custom Media Receiver (3/3) caratteristiche avanzate Video Codification/Decodification H.264 High Profile Level 4.1, 4.2 and 5 VP8 Adaptive Bitrate Streaming HTTP Live Streaming (HLS) Dynamic Adaptive Streaming over HTTP (MPEG-DASH) Smooth Streaming Digital Rights Management Play Ready DRM Widevine DRM Media Player Library GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

33 Channel, Namespace e Protocol (1/2) comunicazione Protocol: insieme di messaggi Namespace: nome protocollo Channel: lo strato di comunicazione class CustomChannel implements Cast.MessageReceivedCallback { public String getnamespace() { return urn:x-cast:com.channel.custom ; public void onmessagereceiver(castdevice castdevice, String namespace, String message) { } } Cast.CastApi.setMessageReceivedCallbacks(mApiClient, mcustomchannel.getnamespace(), mcustomchannel); GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

34 Channel, Namespace e Protocol (2/2) comunicazione Media Namespace: urn:x-cast:com.google.media.cast RemoteMediaPlayer MediaManager window.mediamanager = new cast.receiver.mediamanager(window.mediaelement); Cast.CastApi.setMessageReceivedCallbacks(mApiClient, mremotemediaplayer.getnamespace(), mcustomchannel); RECEIVER MEDIA CHANNEL CLIENT MEDIA CHANNEL GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

35 Google Api Client e Media Route Provider manufacturer Source: developers.google.com CastDevice selectedcastdevice = CastDevice.getFromBundle(selectedRouteInfo.getExtras); Cast.CastOptions.Builder apioptionsbuilder = new Cast.CastOptions.Builder(selectedCastDevice, ); googleapiclient = new GoogleApiClient.Builder().addApi(Cast.API, apioptionsbuilder.build()).build(); googleapiclient.connect(); Cast.CastApi.launchApplication(googleApiClient, applicationid, launchoptions); Cast.CastApi.joinApplication(googleApiClient); Cast.CastApi.stopApplication(googleApiClient); Cast.CastApi.leaveApplication(googleApiClient); GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

36 RemoteMediaPlayer finalmente MediaInfo mediainfo = new MediaInfo.Builder(" mremotemediaplayer = new RemoteMediaPlayer(); mremotemediaplayer.load(mapiclient, mediainfo, true); GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

37 Buona visione Source: Grazie a tutti GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

38 Risorse Android Mediaplayer-> ExoPlayer -> Google Cast -> Chromecast App -> Google Cast Downloads -> Github -> Android TV -> Nvidia Guideline -> Github -> GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

39 Libro Sviluppare applicazioni Android in sette giorni GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci

40 Contatti +MatteoBonifazi +AlessandroMartelluc ci a.martellucci[at]reply.i u m GDG Fest Roma 2014 Matteo Bonifazi & Alessandro Martellucci