Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved. Microsoft...

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

1Microsoft Confidential

Silverlight Partner SummitExpression Encoder

Media PlayerDecember 12, 2008

Randy Oakley

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

2

Expression Encoder Media Player• Overview• Released as part of Expression Encoder V2 SP1• Implemented as a Silverlight 2 skinnable custom control• Provides common user interface controls desired for a web

base media player. E.g. play/pause, playback position, volume control, etc

• Provides the controls and features needed by many applications without additional development work

• Complete C# and XAML source provided to enable customization for your business needs

• Expression Blend makes it easy to customize appearance. Four video and two audio “skins” included as starting points

• Visual Studio 2008 can be used to modify and extend player behavior

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

3

Expression Encoder Media Player Overview

Silverlight 2 Default player skin

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

4

Expression Encoder Media Player Overview

Gallery player skin

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

5

Expression Encoder Media Player Overview

Frosted Gallery player skin

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

6

Expression Encoder Media Player Overview

Black Glass player skin

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

7

Expression Encoder Media PlayerPlayer Controls

Play/Pause

PreviousChapter

Next Chapter Stop

Frame Step

Frame Step

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

8

Expression Encoder Media PlayerPosition Indicators

PositionThumb

Position

Duration

Hours

MinutesSeconds

Frames

Clicking on the position bar seeks to that point – instead of default “page up” / “page down” behavior of the “Slider” control

Media seeking is controlled during

thumb drag to improve user experience

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

9

Expression Encoder Media PlayerAudio Controls

Louder

VolumeSlider Mute

Softer

Controls are coordinated – e.g. hitting the “Louder” button automatically “unmutes”So does dragging the volume slider thumb

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

10

Expression Encoder Media PlayerToggle Controls

Full Screen

ChapterList Caption

s

Play List

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

11

Expression Encoder Media Player Features

IIS Smooth Streaming • Adapted from NBC Olympics• Instant start with no downloading• Video segmented into fixed duration blocks (default two

seconds)• Each segment is encoded at different bitrates

• Automatic adjustment to network conditions and PC power• Bit rate of next segment is selected heuristically to avoid

frame dropping• Bit rate will adjust upward as conditions allow• First segment is always played at lowest bit rate

• Eliminates the need to the user to chose a bit rate (e.g. “watch in high quality”)

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

12

Expression Encoder Media Player Features

Resizing and Full screen• Shrinks controls to accommodate small window sizes• Typically uses 1:1 pixel mapping to most efficient

video playback• Will shrink video as needed to avoid clipping• Automatically switches from 1:1 pixel mapping to

scaling in full screen• Provides control fade out events in both “normal” and

“full screen” modes• Mouse movement restores controls

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

13

Expression Encoder Media Player vs

Using Silverlight MediaElement directly

• If your application doesn’t need or want any controls• If your application requires a radically different UI e.g.

a “Video Cube”• Even if your application requires only one control – it

will like be less work to start with an EEMP template and delete the controls you don’t need

• Download size is only a few hundred K, small compared to the video itself

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

14

Expression Encoder Media PlayerCustomizing in Blend Demonstration

For more info on custom control skinning, search on these keywords: Jesse Liberty Creating Skinnable Custom Controls

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

15

Expression Encoder Media PlayerExtending the player using Visual Studio 2008

Proprietary and Confidential, Microsoft Corporation 2008. All rights reserved.

16Microsoft Confidential

For More InformationVisit www.microsoft.com/silverlight/partners

Email Randy.Oakley@microsoft.comBlogs

http://blogs.msdn.com/randyoakley/default.aspxhttp://www.clarkezone.net/

Questions and Answers