Getting Started Guide

Player Framework for Windows Phone 8 smooth streaming applications (live and VOD)

1. Make sure you have installed the Windows Phone SDK 8.

2. Install the Visual Studio Extension SDK (Microsoft.PlayerFramework.WP8.vsix) by double clicking on the file.

3. Install the Microsoft Smooth Streaming Client

4. Create a new project using Windows Phone Application templates for C# or Visual Basic.
wp8-step1.png

5. Add the smooth streaming client to your project references. Under References --> Browse, browse for Microsoft.Web.Media.SmoothStreaming.dll installed by the SDK to:
C:\Program Files (x86)\Microsoft SDKs\IIS Smooth Streaming Client\v2.0\Windows Phone
wp8-ssme.png

6. Add 'Microsoft Player Framework' and 'Microsoft Player Framework Adaptive Streaming Player' to your project references. Under References --> Windows Phone --> Extensions
wp8-smooth.png

7. Add two PlayerFramework namespaces to your xaml file.
xmlns:mmppf="clr-namespace:Microsoft.PlayerFramework;assembly=Microsoft.PlayerFramework"
xmlns:adaptive="clr-namespace:Microsoft.PlayerFramework.Adaptive;assembly=Microsoft.PlayerFramework.Adaptive"

8. Optional: While you can play videos in portrait mode and have the player co-exist with other chrome on your page, it is often a better experience to fill the page with your video and use landscape. Therefore, for this demo we recommend:
  • Remove all xaml inside the LayoutRoot Grid tag
  • Set shell:SystemTray.IsVisible="False"
  • Set SupportedOrientations="Landscape" Orientation="Landscape"

9. Add the MediaPlayer control that is part of the PlayerFramework namespace to the body of your Xaml file, set the source to a valid url and add the adaptive plugin from the adaptive namespace to the plugins collection on the MediaPlayer. For example:
<Grid x:Name="LayoutRoot" Background="Transparent">
    <mmppf:MediaPlayer Source="http://ecn.channel9.msdn.com/o9/content/smf/smoothcontent/bbbwp7/big buck bunny.ism/manifest">
        <mmppf:MediaPlayer.Plugins>
            <adaptive:AdaptivePlugin />
        </mmppf:MediaPlayer.Plugins>
    </mmppf:MediaPlayer>
</Grid>

That's all you need to get started. Run your app and see video player using the Player Framework. There is an extensive API as well as optional plugins to help customize the experience to the needs of your app.

Last edited Dec 5, 2012 at 4:54 PM by timgreenfield, version 9