Cross-Platform Media in Xamarin

Building an application that needs to consume media, such as audio or video? In this session, Martijn explains how you can play any media in a cross-platform manner and how to play media using external plugins like VLC and ExoPlayer.

Transcript

2. Martijn van Dijk Xablu @mhvdijk Cross platform media in Xamarin
3. Progress is teamwork
4. Media Audio Video mp3 aac mp4 avi mkv Image jpeg png
5. Image Cross-platform images
6. Image in code // IBitmap is a type that provides basic image information such as dimensions IBitmap profileImage = await BitmapLoader.Current.Load(imageBytes, null, null); // ToNative always converts an IBitmap into the type that the platform // uses, such as UIBitmap on iOS or BitmapSource in WPF ImageView.Source = ViewModel.ProfileImage.ToNative(); // This works in a Portable Library, or even in your ViewModel Var ProfileBackgroundAccentColor = new Color(255, 255, 255, 255); ImageView.Background = ViewModel.ProfileBackgroundAccentColor.ToNativeBrush();
7. Let’s have a look Cross-platform images
8. Video Cross-platform video
9. Video ◦ High bandwidth ◦ Subtitles ◦ Audio
10. Let’s have a look at Video
11. Audio Cross-platform audio playback
12. Audio Streaming ◦ Cloud ◦ Live broadcast Local playback ◦ SD-card ◦ Local storage
13. Let’s have a look Cross-platform playback
14. Android • Android Support V4 ◦ MediaSessionCompat ◦ MediaControllerCompat ◦ PlaybackStateCompat ◦ MediaBrowserServiceCompat ◦ NotificationCompat ◦ MediaButtonReceiver
15. UX / UI • People spend more time using other apps than yours • (Unless you’re Facebook) • Users appreciate standard patterns over original solutions • An understandable user interface is crucial for a good user experience
16. Notifications • Native controls that users are familiar with
17. Handling states ◦ Wifi ◦ 3g/4g ◦ Offline ◦ Background
18. Let’s have a look Implementing cross- platform media in MvvmCross
19. Get help on Slack xamarinchat.herokuapp.com Follow influencers @Mhvdijk @migueldeicaza @JamesMontemagno @Cheesebaron + Many more! Join on LinkedIn linkedin.com/ Contribute on Github github.com/Xamarin github.com/MvvmCross 19 Get involved!
20. Martijn van Dijk Xablu @mhvdijk Thanks for attending! Questions?