媒体播放包括视频播放和音频播放，在开发Windows应用商店应用的过程中可以使用MediaElement控件来播放视频文件和音频文件。本节将通过一个具体的示例介绍如何使用MediaElement控件来播放视频文件，以及如何控制MediaElement控件中视频的播放。
20.6.1 视频载入
首先来看如何读取一个视频文件并载入到MediaElement控件中，在Visual Staudio 2012中新建一个Visual C++的Windows应用商店的空白应用程序项目，并命名为FileDemo。接下来打开MainPage.xaml文件，并在Grid元素中添加如下的代码用于布局前台界面。
<StackPanel>
<Button x:Name="FileButton" Content="打开文件" FontSize="20" Margin="114,30,0,0" Click="FileButtonClick" Width="113" Height="53"></Button>
<MediaElement x:Name="Video" HorizontalAlignment="Left" Height="400" Margin="114,10,0,0" VerticalAlignment="Top" Width="780" AutoPlay="False"/>
</StackPanel>
在上面的代码中，添加一个MediaElement控件和一个"打开文件"按钮。将MediaElement控件命名为Video，使用此控件播放载入的视频文件。"打开文件"按钮用于通过文件打开选取器来选取视频文件。
布局了前台界面以后，接着打开MainPage.xaml.cpp源文件，并引用如下的头文件和命名空间：
#include "ppltasks.h"
using namespace Windows::Storage;
using namespace Windows::Storage::Streams;
using namespace Windows::Storage::Pickers;
using namespace Concurrency;
using namespace Windows::System;
在上面的代码中，使用include关键字引用一个ppltasks.h头文件，然后使用using指令引用命名空间Windows::Storage、Windows::Storage::Streams、Windows::Storage::Pickers、Concurrency和Windows::System，在后面读取视频文件的过程中，将会用到定义在这些头文件和命名空间内的类。
引用了上述的头文件和命名空间以后，接下来为"打开文件"按钮添加单击事件处理函数FileButtonClick。打开MainPage.xaml.h头文件，并添加如下的代码，用于声明FileButtonClick函数和成员变量localFile。
private:
//载入视频文件
void FileButtonClick(Platform::Object^ sender, Windows::UI::Xaml::RoutedEventArgs^ e);
private:
//声明成员变量localFile
Windows::Storage::StorageFile^ localFile;
声明了FileButtonClick函数以后，在MainPage.xaml.cpp源文件中添加FileButtonClick函数的实现代码，具体代码如下所示：
//载入视频文件
void FileDemo::MainPage::FileButtonClick(Platform::Object^ sender, Windows::UI::Xaml::RoutedEventArgs^ e)
{
//新建文件选择器
FileOpenPicker^ openPicker =ref new FileOpenPicker();
//设置视图为缩略图
openPicker->ViewMode = PickerViewMode::Thumbnail;
//设置访问的初始位置为视频库
openPicker->SuggestedStartLocation = PickerLocationId::VideosLibrary;
//设置可选取的文件类型，允许播放的文件类型
openPicker->FileTypeFilter->Append(".mp4");
openPicker->FileTypeFilter->Append(".avi");
//显示文件选择器，选择文件
create_task(openPicker->PickSingleFileAsync()).then([this](StorageFile^ file)
{
//判断是否已选择文件
if (file)
{
localFile = file;
//将文件写入到IRandomAccessStream流中
task<IRandomAccessStream^>(file->OpenAsync(FileAccessMode::Read)).then(
[this](IRandomAccessStream^ stream)
{
if (stream)
{
//读取视频文件到 MediaElement控件
Video->SetSource(stream, localFile->ContentType);
}
});
}
});
}
在FileButtonClick函数中，首先创建一个FileOpenPicker类的对象openPicker，并将PickerViewMode枚举中的枚举成员Thumbnail赋值给openPicker对象的ViewMode属性，设置文件打开选取器的视图模式为缩略图模式。接着将PickerLocationId枚举中的枚举成员VideosLibrary赋值给openPicker对象的SuggestedStartLocation属性，设置文件打开选取器的初始位置为视频库。然后使用openPicker对象的FileTypeFilter属性得到文件打开选取器显示的文件类型集合，并调用Append函数将文件类型".mp4"和".avi"添加到这个集合中。
接下来调用openPicker对象的PickSingleFileAsync函数选取单个文件，并得到一个StorageFile类型的对象file。然后调用file对象的OpenAsync函数得到一个IRandomAccessStream类型的对象stream。当stream对象不为空时，调用MediaElement控件的SetSource函数将视频文件加载到此控件中。
运行项目，单击"打开文件"按钮，并在文件打开选取器界面中选择一个视频文件，前台界面的显示效果如图20-8所示。
图20-8载入视频文件
