快速构建Windows 8风格应用20-MediaElement

本篇博文主要介绍MediaElement概述、MediaElement对象介绍、MediaElement常用属性、如何控制媒体播放。

 

MediaElement概述

通常在Windows 8风格应用中播放音频或视频文件时是使用MediaElement类进行构建的。

MediaElement对象提供了用于播放视频或音频的属性和方法。

相关MediaElement的开发示例可参考该链接：XAML media playback sample和Media Play To sample。

 

MediaElement对象介绍

使用MediaElement构建将视频文件在应用面中进行播放的功能是比较容易的。

例如：

XAML代码中声明MediaElement控件，Source属性值设置为视频的Uri。

<MediaElement x:Name="media" Source="Video/Azure_Tmobile_500k.wmv"  Width="400" />

C#代码中声明MediaElement控件，代码如下：

MediaElement mediaElement = new MediaElement();
mediaElement.Name = "mediaElement1";
mediaElement.Width = 400;
mediaElement.Source = new Uri("ms-appx:///Video/Azure_Tmobile_500k.wmv");
this.grid1.Children.Add(mediaElement);

允许效果图如下：

 

当页面加载时，MediaElement就自动播放。通常情况下为了防止视频的自动播放，可将MediaElement控件的AutoPlay属性值设置为false。

 

MediaElement常用属性

MediaElement对象常用属性包括：

1）AutoPlay属性：指定MediaElement是否自动开始播放。默认值为True；

2）IsMuted属性：指定MediaElement是否设置为静音。默认值为False，True表示静音；

3）Stretch属性：如何拉伸视频来填充MediaElement对象。默认值为Fill,其他值还有None、Uniform、UniformToFill；

4）Volume属性：设置MediaElement对象音量值。默认值为0.5，最大值为0；

MediaElement对象其他属性可参考该链接：MediaElement Class。

 

如何控制媒体播放

我们可以使用MediaElement对象的Play、Pause 和 Stop 方法控制媒体播放。

例如：

XAML代码中声明MediaElement控件，添加三个Button来控制媒体的播放。

 <MediaElement x:Name="media" Source="Video/Azure_Tmobile_500k.wmv" Width="300" Height="300" Grid.Column="0" Grid.Row="0" Margin="518,42,548,426" />

<Button Click="StopMedia" Grid.Column="0" Content="Stop" Margin="444,365,0,365" />
<Button Click="PauseMedia" Content="Pause" Margin="615,365,0,365" />
<Button Click="PlayMedia" Content="Play" Margin="828,365,0,365" />

C#代码中：

private void StopMedia(object sender, RoutedEventArgs e)
{
     media.Stop();
 }
 private void PauseMedia(object sender, RoutedEventArgs e)
{
     media.Pause();
}
 private void PlayMedia(object sender, RoutedEventArgs e)
{
     media.Play();
}

另外我们还可以设置MediaElement对象Position 属性来指定媒体特定的位置。