© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Creating Amazing Video Experiences on BlackBerry PlayBook Rajeev Massand | Sr. Application Development Consultant

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. BlackBerry PlayBook - Best in-class media experience 2

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. BlackBerry PlayBook - Best in-class media experience 3

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Agenda  Making your app amazing!  Tablet OS Media APIs  Web video  Native playback  Case Study (Movie Vault)  What’s on the roadmap? 4

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Making your app amazing!  UI organizational model  Application Lifecycle  Power management  Data storage  Networking 5

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6

7

8

9

Creating the user interface  AIR 2.7 (AIR 3.0 support soon!)  User interface  ActionScript  Flex  Application menu  Swipe-down gesture  Orientation  For video apps, you will likely set your in –app.xml with:  false  landscape 10

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Application Lifecycle  Applications run as isolated processes in the user space  NativeApplication events  Event.ACTIVATE  Event.DEACTIVATE  QNXSystem.powerMode  STANDBY (default)  THROTTLE  NORMAL  Transition time  Timers  Requesting resource

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12  Monitor battery levels for power consumption in your app  Display battery and charging information from your app  Device.device.batterylevel  NativeApplication.systemIdleMode prevents screen from sleeping (useful for movies)  System can be in QNXSystemEvent.ACTIVE or STANDBY states  Set QNXSystemPowerMode to NORMAL, if you want to continue running timers Power Management

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.  Application metadata: SQLite / SharedObject  Data is stored in a file on the system, typical the developer stores it in File.applicationStorageDirectory  Media files: shared directory (user permission required)  Applications run in a “sandboxed” directory with sym links to common directories  These directories map to the File class as: AliasPath File.applicationDirectory(appname)/app/air File.applicationStorageDirectory(appname)/data File.desktopDirectory(appname)/ File.documentsDirectory(appname)/shared/documents File.userDirectory(appname)/shared/documents Data Storage

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.  Available transports: “the WiFis” and “the 3Gs”  Detect network changes  Handle Event.NETWORK_CHANGE  NetworkInterface.displayname = ‘ti0’ (for WiFi)  NetworkInterface.displayname = ‘ppp0’ (for DUN)  NetworkInterface.active Networking

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Tablet OS Media APIs  Media player  Handling video display and audio output  Media control  Media UI controls  Multi-display APIs 15

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Media Player  qnx.media.MediaPlayer  Core internal player for Tablet OS  Supported Media Types  Container: WMV, AVI, ASF, MP4, M4V, MOV  Video codec: H.264, VC-1, MPEG-4, Xvid  Audio codec: AAC, MP3, PCM  Hardware accelerated video on PlayBook running AIR 2.7  Can have UI overlays on top of video – yes, like Stage Video! 16

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Media Player  Video encoding experiences  Most common codecs: H.264 / AAC  Bitrates (depend on buffer times and player implementation)  Fixed bitrate: 1700 kbps (video) works well over WiFi for fullscreen experience with minimal stuttering  Audio bitrate: 96 or 128 kbps sufficient for 2 channel audio 17

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Handling video display and audio output  Video Display  qnx.media.VideoDisplay  Audio Output  qnx.system.AudioManager  qnx.system.AudioManagerEvent  Media player event  qnx.system.MediaPlayerEvent (most commonly used for INFO_CHANGE)  Properties:  MediaPlayer.duration  MediaPlayer.track  MediaPlayer.position  MediaPlayer.mediaType  MediaPlayer.metadata.name, album, artist, comment, bitrate, url, track, video_width, video_height 18

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Media control UI  Media control UI component  qnx.ui.media.MediaControl  Can toggle various parts of media bar using MediaControlOption  qnx.ui.event.MediaControlEvent triggered when user performs action:  Property – presses play, pause, stop, seek thumb control  State – interacts with seek bar, volume slider, fullscreen button 19

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Media control  Call MediaPlayer methods  seek(), play(), pause()  System media player communication  qnx.media.MediaServiceConnection  qnx.media.MediaServiceConnectionEvent 20

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Multi-display APIs  qnx.display.Display  Two displays – INTERNAL, HDMI  DisplayMode  flash.display.NativeWindow – can create AIR window for each display  qnx.display.MirrorMode – NORMAL, FILL, STRETCH, ZOOM 21

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Web video  HTML5  Flash player  BlackBerry WebWorks 22

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. HTML5  element  Evolving standard to embed video content in web pages  Supported on Tablet OS Browser (and BlackBerry OS 7 Browser) 23

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Player  Most popular application on BlackBerry PlayBook: the Browser!  Tablet OS Browser supports Flash Player 10 (FP 11 soon!)  Rich media capabilities known to Adobe Flash developers  Implemented using AS3 or Flex  “Uncompromised browsing experience”  [add screen grab from…rogers ondemand] 24

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. BlackBerry WebWorks  Create Tablet OS applications using standards- based web technologies  Allows mix of local and remote content  All rich media (including Flash content) can be hosted locally on device  Interactivity  Need to remotely host Flash player and JS to use ExternalInterface (bridge between JavaScript and ActionScript) 25

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Native playback  mm-renderer  MME 26

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. mm-renderer  Media rendering component that allows applications to request and control the media playback from files and devices  Provides mechanisms for  specifying the set of media to play  issuing playback control commands  retrieving the current status of playback  requesting notifications when the status changes  providing dynamic metadata (such as position in a track or playlist) for some media types  [see if you can get a demo of mmr_* in action; might be too much here so just show NFS start if that works] 27

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. mm-renderer  Abstraction Layers  Messaging layer  Decodes client messages and delivers them to contexts  Context management layer  keeps track of the outputs attached to each context  maps each output to the engine plugins that can support that output type  selects the appropriate engine plugins and attaches them to the context  preserves the context state between detaching and re-attaching inputs  delivers client requests (for example, 'play') to engine plugins  Plugin management layer  Keeps track of all available plugins 28

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. MME  MME 29

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Case Study 30

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Case Study 31

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. What’s on the roadmap?  Content protection  Streaming technologies 32

Apply Your Skills to the BlackBerry® Platform October , 2011 · San Francisco Marriott Marquis Get Hands-on Training Learn from Industry Leaders Get your Apps Noticed Attend sessions where platform experts show you how to leverage existing Adobe ® tools and content to create breakthrough applications for the BlackBerry PlayBook tablet. Fast track your skills with a new all day training session, Develop for the BlackBerry PlayBook Tablet using Adobe ® Flex and Adobe ® AIR ®, offered Monday, October 17. Connect with experts, get tips and discover ways to build for the BlackBerry platform. Distribute your applications to a growing community through the BlackBerry App World ™ storefront. We are pleased to extend a complimentary pass to BlackBerry DevCon. and a 16GB BlackBerry ® PlayBook ™ Tablet at the conference. Thank you!

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.