1 / 27

GoPro with Windows 8: building an end-to-end XAML app

GoPro with Windows 8: building an end-to-end XAML app . Ronnie Saurenmann Microsoft Switzerland ronnies@microsoft.com. Your first app. Windows 8 Platform. Windows Store Apps. XAML. HTML / CSS. View. JavaScript (Chakra). C C++. C# VB. Model Controller. WinRT APIs.

london
Télécharger la présentation

GoPro with Windows 8: building an end-to-end XAML app

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. GoPro with Windows 8: building an end-to-end XAML app Ronnie Saurenmann Microsoft Switzerland ronnies@microsoft.com

  2. Your first app

  3. Windows 8 Platform Windows Store Apps XAML HTML / CSS View JavaScript (Chakra) C C++ C# VB Model Controller WinRT APIs Devices & Printing Communication & Data Graphics & Media System Services Application Model Windows Core OS Services Core

  4. Complete native implementation built on top of DirectX XAML Architecture Windows 8 app (C++, C#, or VB) WinRT/C++ Projection XAML Platform XAML ABI support XAML Core and Framework (Parser, Controls, Property Engine, Styles, Animation etc.) C++ XAML Graphic Engine Windows 8 Subsystem Media App Theming & PVL DirectWrite Direct3D Direct2D Touch

  5. Demo UI

  6. Settings

  7. Settings Account • Place all app settings under one roof where users will always expect to find them • Do not create additional entry points into Settings on the app canvas • When users invoke Settings charm, they will see your app’s basic info, and settings commands as specified by your app • Common settings commands: your settings categories, Help, About, Terms of use… • Once users choose a settings command, the settings pane will be brought up. Your app controls the UI within the settings pane • Keep it simple, minimize the number of settings

  8. Roam • Leverage roaming to maintain state and preferences across machines • Roam preferences that users are likely to set on each device anyway: • Favorite sports team (sports app) • Favorite movie genre (media app) • Let users continue a task across devices by roaming app data: • Composing a to-do list • Composing email Cloud Storage provided by Microsoft Local Storage Local Storage MyApp MyApp

  9. Demo Settings

  10. Async

  11. Responsive UI Asynchronous programming without callbacks asyncmakes your method asynchronous awaitmakes the rest of your method a callback Tasklets you coordinate activities

  12. Demo Async

  13. Media

  14. Elements of a video player <video> MediaElement MF Extensions & WinRT Components Player framework Streaming (Live & VoD) Codecs PlayReady/DRM Video effects Extensibility Captioning Advertising Error/Retry logic UI/Styling Playlist Management Basic playback Progressive download Local playback

  15. Windows 8 media pipeline Windows Store app <audio src=“…”> <video src=“…”> MediaElement Windows Runtime (WinRT) Playback/Preview Capture Transcode Streaming Extensibility Protection MediaControl Media Foundation DirectX Windows Audio Session API (WASAPI) Audio/Video Source Video Decoder Video Encoder Video Effect 1 Video Effect 2 Audio/Video Sink Audio Decoder Audio Encoder Audio Effect 1 Audio Effect 2

  16. Demo HLS Adapter

  17. Network detection

  18. Network information API Connected or Offline Internet Access or Local Access Network type Metered Network or non Metered Cost estimation

  19. Demo

  20. File System

  21. File System Access File Picker File Picker Programmatic, with capability File Picker File Picker Programmatic, with capability Programmatic, no capability

  22. Demo File System

  23. PlayTo

  24. Play To user experience Play To Controller Play To Receiver

  25. Demo PlayTo

  26. Powerful, Easy & Fun It’s time to build your first app!

More Related