MSDN 教程短片 WPF 17(简单播放器的制作)

WPF做一个简单播放器

WPF中有个MediaPlayer类，它位于System.Windows.Media命名空间下。基于Windows Media Player构建起来的，所以下面做的播放器的前提是电脑上必须安装Windows Media Player 10或更高版本。

一、打开vs，新建一个应用程序项目。

我们在窗体拖入一个MediaElement控件

<MediaElement Name="mediaElement1" Margin="0,0,0,61">
</MediaElement>

下面我们来触发这个控件的播放。

<Grid.Triggers>
            <EventTrigger SourceName="mediaElement1"

                          RoutedEvent="MediaElement.Loaded">
                <EventTrigger.Actions>
                    <BeginStoryboard x:Name="sb">
                        <Storyboard>
                            <MediaTimeline 
                                 Source="xbox.wmv"
                                 Storyboard.TargetName="mediaElement1"
                                 RepeatBehavior="Forever"
                                  />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
        </Grid.Triggers>

这里我们在MediaElement.Loaded加载的时候开始显示。

这里要注意Source这里的xbox.wmv放在bin目录下。也可以用..\..\xbox.wmv来读取你放的位置。
这是可以按F5运行。

下面我们来增加些功能，比如加个暂停，重新开始，拖拉进度。

拖入两个Button按钮和一个Slider。

<Button Height="23" HorizontalAlignment="Left" Margin="68,0,0,7"

Name="btnPause" VerticalAlignment="Bottom" Width="75">Pause</Button>
<Button Height="23" Margin="162,0,126,7" Name="btnResume"

VerticalAlignment="Bottom">Resume</Button>
<Slider Height="21" Margin="43,0,55,37" Name="timeSlider"

 VerticalAlignment="Bottom" />
在Grid.Trigger里添加触发它的事件。

<EventTrigger SourceName="btnPause" RoutedEvent="Button.Click">
      <EventTrigger.Actions>
          <PauseStoryboard BeginStoryboardName="sb" />
      </EventTrigger.Actions>
</EventTrigger>
<EventTrigger SourceName="btnResume" RoutedEvent="Button.Click">
        <EventTrigger.Actions>
           <ResumeStoryboard BeginStoryboardName="sb" />
         </EventTrigger.Actions>
</EventTrigger>
给MediaElement一个MediaOpened事件叫mediaElement1_MediaOpened

和在MediaTimeline里加个事件CurrentTimeInvalidated=

"MediaTimeline_CurrentTimeInvalidated"

后台代码是：

private void mediaElement1_MediaOpened(object sender, RoutedEventArgs e)
{
timeSlider.Maximum=mediaElement1.NaturalDuration.TimeSpan.TotalMilliseconds;
}

private void MediaTimeline_CurrentTimeInvalidated(object sender,EventArgs e)
{
timeSlider.Value = mediaElement1.Position.TotalMilliseconds;
}
这里timeSlider的最大时间点也就是结束点是mediaElement1总的秒数。

timeSlider随着mediaElement1的播放而移动。

效果：